「vin」の検索結果

コード編集で積み重なった変更を差分とファイル別の説明にまとめ、確認画面で承認・却下・一部承認を選べます。判断を記録し、却下した変更の取り消しまで扱います。

• コード移行後の変更を確認したいとき
• ファイルごとに変更を承認したいとき
• 引き渡し時にレビュー判断を記録したいとき

京都の桜旅の写真と言葉を、到着から満開、心に残る瞬間へとつながるHTMLスライドに編集。レトロな日本のカセット包装風デザインで旅の物語を伝えます。

• 友人に桜旅の思い出を共有したいとき
• 旅行読者向けの写真紀行を作りたいとき
• 旅の記録をレトロな資料にまとめたいとき

回転する文字や地球儀、速度の異なる複数のレイヤーを組み合わせ、CSSで動く16:9のヒーロー画面を制作。動画書き出し用のHTMLにまとめます。

• マーケティング用の動くヒーロー画面制作
• 文字が動くタイトルカード制作
• リングと地球儀のループポスター制作

直近30日間のコミュニティやSNSの話題を調べ、最近の変化、評価、不満、複数の情報源に共通する傾向を出典付きのMarkdownレポートに整理するスキル。

• 直近30日間の話題を調べたいとき
• 製品公開後のコミュニティ反応を知りたいとき
• 最近の好評点と不満を整理したいとき

Venice.aiのAPIを使い、画像の編集・拡大・背景除去をエージェントに依頼するためのスキル。既存画像の修正や、用途に合わせた画像素材の調整に使えます。

• 既存の画像を編集したいとき
• 画像を拡大したいとき
• 画像の背景を除去したいとき

OpenDesignへのスキル・デザインシステムの提供、文書の翻訳や修正、不具合報告を支援します。内容の検証から変更提案や報告の作成まで案内します。

• 作成済みスキルやデザインシステムの提供
• 文書の翻訳を追加・更新したいとき
• 誤字・リンクの修正や事例記事の執筆

既存のWebサイトやアプリの画面を点検し、文字・配色・配置・操作時の表示を改善します。現在の技術構成と機能を保ちながら、段階的に整えるスキル。

• 既存サイトのデザインを点検したいとき
• 定型的な画面パターンを見直したいとき
• 読み込み中・空データ・エラー表示の改善

Venice.aiで文章を音声に変換し、ナレーションや対話エージェントの声を用意するスキル。モデル、声、出力形式、ストリーミングを扱います。

• 原稿をナレーションにしたいとき
• 映像に重ねる音声の作成
• 対話エージェントの音声化

Webページの文字組み・配色・余白・動きを具体的なルールで整え、定型的な見た目を避けながら、ReactやNext.jsの画面実装を進めるスキル。

• 文字組みに特徴のある販促ページ制作
• ダッシュボードの表示と操作感の調整
• 情報密度や動きの強さを調整したいとき

SaaSの有料プランへの切り替え画面や利用制限画面、追加購入を促すモーダルを設計・改善し、料金ページの実験や有料転換に向けた画面づくりに役立てるスキル。

• 有料プランへの切り替え画面を作りたいとき
• 有料機能の利用制限画面を改善したいとき
• 追加購入の案内画面を設計したいとき

スライドや文書、レポート、HTMLのランディングページに、フォントと配色のテーマを適用します。10種類のプリセットから見た目を整えるためのスキルです。

• スライドに既存テーマを適用したいとき
• 文書やレポートの見た目を統一
• HTMLのLPのフォントと配色を設定

心理学と行動科学の考え方を文章やデザインに取り入れ、関心を引く導入、情報の伝え方、価格の見せ方を見直すスキルです。販促表現を検討する際に使えます。

• 関心を引く導入文を整えたいとき
• 情報の伝え方を見直したいとき
• 価格の見せ方を改善したいとき

作成済みのWebページやHTMLを点検し、既存の内容やブランドを保ちながら、見た目・文章・動き・操作性の問題を修正して共有前の仕上げを行います。

• 生成したページを共有前に整えたいとき
• 画一的な見た目や不統一を見直したいとき
• モバイル表示や操作性を修正したいとき

コードベースをもとにFigmaのデザインシステムライブラリを作成・更新します。実装済みの部品と、デザイン側で参照するライブラリを揃える作業に使えます。

• コードからFigmaライブラリを作りたいとき
• 実装に合わせたデザインライブラリの更新
• デザインの参照資料と実装を揃えたいとき

GSAPで作ったアニメーションのカクつきを減らすため、位置や透明度の変え方、画面更新のまとめ方、不要な処理の停止を見直し、描画負荷の軽減を支援します。

• GSAPのカクつきを減らしたいとき
• 多数のリスト要素の動きを改善したいとき
• マウス追従の演出を軽くしたいとき

既存の動画にAIで加工を施し、見た目の変更、高解像度化、背景の除去、音声の追加を行うスキルです。fal.ai上で提供される動画モデルを利用します。

• 既存動画のスタイルを変えたいとき
• 動画を高解像度化したいとき
• 動画の背景を除去したいとき

ランディングページなどのWebデザイン案を、セクションごとに独立した横長画像で生成。配色をそろえながら構図や余白、ボタンの見せ方を変え、実装の参考に使えます。

• LPをセクション別に検討したいとき
• 冒頭の構図を検討したいとき
• 開発者に参考画像を共有したいとき

プレゼンや文書に使う画像・スクリーンショットの解像度、シャープさ、明瞭さを改善するスキルです。実行には配布元の関連ファイル一式を導入します。

• プレゼン用画像を整えたいとき
• 文書用スクリーンショットの明瞭化
• 画像の解像度を上げたいとき

原稿を、温かみのある羊皮紙色と墨青の差し色、セリフ体で統一したHTML文書に整えます。報告書、手紙、履歴書などを、文字の階層と余白を生かして構成します。

• 要点を一枚の資料にまとめたいとき
• 表紙や目次のある長文報告書作成
• 手紙や履歴書の体裁をそろえたいとき

レトロなピクセル調の３シーン動画を、Hyperframes向けのHTMLで作るスキル。タイトルや配色を変え、場面転換や動きを備えた構成に仕上げます。

• ピクセル調の紹介動画を作りたいとき
• ３シーンの動画を差し替えたいとき
• HTMLで場面転換を確認したいとき

写真のぼけやノイズ、顔の画質、古い文書の画像を修復するためのスキルです。fal.aiで提供される修復モデルを使い、目的に応じた画質の補正を扱います。

• 画像のぼけを軽減したいとき
• 画像のノイズを除去したいとき
• 顔の画質を補正したいとき

公開サイトの配色・フォント・ロゴ・画像・文体を実測して整理し、ブランドガイドやプレビュー付きの再利用可能なデザインシステムにまとめるスキル。

• サイトの配色・フォント・ロゴの整理
• 参考サイトからブランドガイドを作りたいとき
• ブランドを表す画像の収集

データを操作しながら読めるグラフや図をD3.jsで作るためのスキル。多様な図表の例を手がかりに、レポートやダッシュボード、データを使った試作品に活用します。

• 売上を拡大可能な図で見たいとき
• データ間の関係を図示したいとき
• 日ごとの傾向を色で示したいとき

書式やレイアウトの再現性に配慮しながら、.docx文書の読み取り・新規作成・編集を支援します。Word文書の内容と体裁を扱う作業に使うスキルです。

• 既存の.docx文書を読みたいとき
• 書式付きのWord文書の作成
• 体裁を保ちながら文書を編集したいとき