Feima Code

文章やデータを、連続フレームのアニメーションとして動く動画にまとめます。Hyperframes／Remotion互換で、自動再生にも対応した表現を作れます。

• 文章を動画アニメーションにしたいとき
• Remotion互換の映像を作りたいとき
• 自動再生する動く資料の作成

ロゴを分割して組み上げ、光の演出やタグラインの表示を加えた動画の締め画面を、Open Designのテンプレートで作成します。

• 動画のブランド付きアウトロを作りたいとき
• ロゴとタグラインの締め画面を作りたいとき
• 動画用のロゴ表示演出を用意したいとき

段階ごとに絞り込まれる情報を、転換率や離脱率、選別の比率が分かる縦型のファネル図にまとめます。ストーリーズや小紅書向けのサイズです。

• 段階ごとの転換率を図にしたいとき
• プロセスの離脱箇所を示したいとき
• 絞り込み比率を縦長画像で伝えたいとき

モノレポ内のパッケージ構成を図にし、共有基盤やホスト、実行時依存とビルド時コピーの関係を整理します。各ノードから対応する package.json を確認できます。

• モノレポの構成を図で把握したいとき
• 共有基盤とホストの関係を示したいとき
• 実行時とビルド時の依存を分けたいとき

付箋状のノードと曲線の接続線で、アイデアや手順のつながりを示すホワイトボード風フローチャートを作成します。

• アイデアのつながりを図にしたいとき
• 作業の流れを付箋で整理したいとき
• ブレインストーミング画面を作りたいとき

設計トークンの色を使い、回転台に載せたスピーカーの3Dプロダクト画像を生成します。旋盤加工のような断面形状から組み立て、スタジオ照明で見せます。

• スピーカーの商品画像を3Dで作りたいとき
• 回転台に載せたプロダクトを見せたいとき
• デザイントークンの色で3D画像を作りたいとき

`.glb`形式の3Dモデルを読み込み、中央に配置して見やすい大きさに整え、柔らかな地面の影を添えた商品画像として描画します。

• `.glb`モデルから商品画像風の表示を作りたいとき
• ボトルの3Dモデルを見やすくプレビューしたいとき
• モデルを中央配置し、柔らかな影を加えたいとき

図をブラウザー上に配置する判断を記録したADR-0007のレンダリング例です。図のレイアウトに関する設計判断の見本を確認できます。

• ADRのレンダリング例を見たいとき
• 図の配置に関する設計判断を確認したいとき
• 設計判断の記録例を参照したいとき

ひとつの概念を、問いや初期の失敗、転機、洞察とその名前までたどる雑誌特集風の構成にまとめるスキルです。6種類のレイアウトから選べます。

• 概念を特集記事風にまとめたいとき
• 失敗から転機に至る流れを見せたいとき
• 洞察を編集記事の構成で伝えたいとき

Open Design Agent Kit の変更履歴ページの見本を扱うスキルです。提供資料には具体的な生成手順や編集機能の説明はなく、表示例としての内容が示されています。

• 変更履歴ページの表示例を見たいとき
• 変更履歴の見本を確認したいとき
• ページ例の内容を把握したいとき

競合のポジショニング、機能、価格を比較し、市場の機会と製品判断につながる分析レポートをまとめます。

• 競合の機能と価格を比較したいとき
• 市場での立ち位置を整理したいとき
• 製品企画の判断材料をまとめたいとき

競合の機能や価格、ポジショニングを比較し、機会領域を含む製品判断向けのレポートにまとめます。レーダーマップ形式の見せ方を使います。

• 競合の機能や価格を比べたいとき
• 市場での製品の立ち位置を整理したいとき
• 製品開発の機会領域を探したいとき

Gmail、Outlook、Apple Mailで表示しやすい、製品ローンチ向けのメールを特典紹介やボタン、適合性に配慮したフッター付きで作成します。

• 新製品の発売をメールで告知したいとき
• 製品の利点を3点に整理したいとき
• 複数のメールアプリ向けに作りたいとき

決裁に必要な判断、推奨案、根拠、トレードオフ、リスク、次の行動を1ページにまとめる、役員会向け意思決定メモの形式です。

• 役員会の判断事項を1ページにまとめたいとき
• 推奨案と根拠を短く示したいとき
• リスクと次の行動を共有したいとき

意思決定者が短時間で判断できるよう、必要な決定、推奨案、根拠、選択肢の比較、リスク、次の行動を1ページに整理したボードペーパー風メモを作ります。

• 役員会向けの判断メモを作りたいとき
• 提案の根拠とリスクを整理したいとき
• 承認に必要な要点を1ページにまとめたいとき

A/Bテストやプロダクト実験の仮説、指標、結果、解釈を整理し、リリース・中止・再検証の判断材料をまとめます。

• A/Bテストの結果から次の方針を決めたいとき
• 実験の仮説と指標を振り返りたいとき
• リリース・中止・再検証を検討するとき

A/Bテストやプロダクト実験の仮説・指標・結果を整理し、解釈を添えて「実施・中止・継続改善」の判断案にまとめるスキルです。

• A/Bテストの結果を整理したいとき
• 実験を続けるか判断したいとき
• 施策のリリース可否を決めたいとき

A/Bテストやプロダクト実験の仮説、指標、結果、解釈を整理し、出荷・中止・再試行の判断につなげる読み取り資料を作ります。

• A/Bテスト結果を共有したいとき
• 実験結果から次の対応を決めたいとき
• 仮説と指標を報告資料にまとめたいとき

ブラウザーに閉じ込められた環境で書き出しが停止した事例を題材にした、ポストモーテムのレンダリング例です。

• ポストモーテムのサンプルを見たいとき
• 書き出し停止事例の報告例を確認したいとき
• レンダリング例を参照したいとき

PRの変更内容を説明するキャンペーン向け資料の作成例を示します。具体的な手順や対応機能は資料に記載されていません。

• PR説明スキルの例を確認したいとき
• 資料にある機能の範囲を把握したいとき
• キャンペーン向けPR説明の例を探すとき

エージェントが作成したものを見られるようにするRFCスキルの例です。具体的な作成・表示の手順や対象は、資料からは確認できません。

• RFCスキルの例を確認したいとき
• 作成物を見せる仕組みの説明を知りたいとき
• エージェントの成果物可視化を検討するとき

CSV・Excel・JSONのデータをもとに、実データを使ったレポートページをデザインするスキルです。

• CSVからレポートページを作りたいとき
• Excelの数値を見やすくまとめたいとき
• JSONデータをビジュアル化したいとき

伝えたい内容を、強い印象を残す縦長ポスターやSNSで共有しやすい画像にまとめます。明示的に依頼したときに使います。

• 告知を縦長ポスターにしたいとき
• 共有用の縦型画像を作りたいとき
• キャンペーン内容を視覚化したいとき

Instagram向けの正方形カルーセル画像を、指定されたテーマやデザインの方向性に沿って作成するスキルです。

• Instagram用のカルーセルを作りたいとき
• 短いメッセージを複数枚で伝えたいとき
• ブランドに沿った投稿画像を作りたいとき