OpenDesign

画像の画風変更、背景や不要な物体の除去、指定部分の描き直しに使うスキル。fal.aiで提供されるAIモデルを利用して画像を編集します。

• 画像の画風を変えたいとき
• 画像の背景を除去したいとき
• 不要な物体を消したいとき

p5.jsで、計算ルールと乱数を使ったアートを制作します。乱数の初期値を固定して同じ描画を再現でき、ポスターや動きを感じる静止画、画面構成の試作に使えます。

• ルールからポスターを作りたいとき
• 動きを感じる静止画の制作
• アートの画面構成の試作

TwitterやXの投稿に添える、引用文やデータの横長カードを作ります。中央の短い文章に著者名やハンドル、ブランドの透かしを添え、画像として共有しやすく整えます。

• 短い引用文を投稿画像にしたいとき
• データをカードで共有したいとき
• 著者情報付きで気づきを共有

fal.aiを使ったリアルタイム・ストリーミング画像生成で、ムードボードの方向性探しや下書きの別案づくりを支援し、制作初期の案を繰り返し試すスキルです。

• ムードボードの方向性を探したいとき
• 下書き画像の別案を作りたいとき
• 制作初期の案を繰り返し試したいとき

fal.aiのAIモデルを使って画像や動画を生成するためのスキル。Flux、SDXL、ideogramなどを対象に、エージェントから生成を依頼する入口になります。

• fal.aiで画像を生成したいとき
• fal.aiで動画を生成したいとき
• 画像生成モデルを指定したいとき

SNS広告や検索広告の見出し・説明文・本文を作成し、表現を繰り返し調整するスキル。広告文の候補を用意し、改善案を検討する作業に使えます。

• SNS広告の見出しを作りたいとき
• 検索広告の説明文を用意したいとき
• 広告本文の表現を見直したいとき

Markdownやメモを、雑誌のように読みやすく整えた長文HTML記事に仕上げます。大きなタイトルと一列の本文に、引用やコードの専用スタイルを組み合わせます。

• Markdownを雑誌風の記事にしたいとき
• メモからエッセイを整えたいとき
• 長文ニュースレターのデザイン

広告ライブラリから競合の広告を抽出・分析し、訴求メッセージやクリエイティブの方向性を調べるスキル。自社の広告表現を検討するための材料を整理します。

• 競合広告の訴求を調べたいとき
• 競合の広告表現を分析したいとき
• 自社広告の企画材料を集めたいとき

ロゴ、配色、書体、画面や印刷物への展開例を一枚の画像にまとめるスキル。ブランドの目的や対象者を踏まえ、統一感のあるデザイン案を視覚化します。

• 新製品のブランドイメージを共有
• 意味のあるロゴ案を検討したいとき
• 配色・書体・使用例をまとめて確認

雑誌の誌面と電子ペーパーを思わせる横長スライドを作ります。10種類のレイアウトと5種類の配色で、主張やデータを紙の印刷物のような見た目にまとめます。

• 主張を雑誌風の資料で伝えたいとき
• 研究結果や重要な数値の共有
• 章立てのある発表資料の作成

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

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

ボタンや通知などの細部を見直し、操作に合った動きと反応を設計するスキルです。アニメーションの要否からCSS実装、アクセシビリティまで検討します。

• アニメーションの要否を判断したいとき
• ボタンや通知の操作感を整えたいとき
• UIコードを変更前後で比較したいとき

会話のテキストやスクリーンショットから、吹き出しが動く動画素材を作成。アプリ風の外観やアバターを設定し、透明背景の動画や編集用データとして出力します。

• 短い動画に会話を入れたいとき
• 製品デモにメッセージを重ねたいとき
• チャットで物語を再現したいとき

ブラウザー上のページを調べ、クリックや入力、スクリーンショット撮影、情報抽出を行います。OpenDesignのローカルプレビューを中心に、Webアプリの動作や品質を確認します。

• OpenDesignのプレビュー確認
• Webアプリのクリックや入力のテスト
• ページや要素の画面撮影

大きなセリフ体の見出しと二段組の本文で、日曜版の新聞のような縦長ポスターを作るスキル。番号付きの６節と引用文を配し、文章中心の告知を紙面風にまとめます。

• 新聞風の告知ポスターを作りたいとき
• 活動方針を６つの節で伝えたいとき
• 文章中心の編集ポスター制作

シルバーやクリーム色の背景に、二重の縁を持つカードや入れ子のボタンを配するWeb原型を作るスキル。丸みのある形と軽く弾む動きで、柔らかな質感を表現します。

• 柔らかな質感のWeb原型を作りたいとき
• 丸いカードと入れ子ボタンの設計
• ホバー時に軽く弾む動きを試したいとき

ピクセルアートのマスコットと動く日本語・中国語の文字を組み合わせ、レトロな配色と流れる年表で説明内容を見せる、CSSループアニメーションのスキル。

• レトロなアニメーション解説を作りたいとき
• ドット絵と動く日本語を組み合わせたいとき
• 動画収録用の動くポスターを作りたいとき

商品発表やSNSでの共有に使う、縦長のマーケティングポスターを設計するスキル。大きな見出し、グラデーション背景、要点カードとQRコードの仮枠を配置します。

• 新商品の縦長告知ポスターを作りたいとき
• SNSで共有する宣伝画像を作りたいとき
• 要点とブランド・QR枠を１枚にまとめたいとき

見出しが一つの文につながる３枚の正方形カードで、SNS向けのカルーセルを作成します。ブランドマーク、通し番号、行動を促す文言を配置し、配色も統一します。

• ３枚のカードでブランドを紹介したいとき
• 一つのメッセージを連続して見せたいとき
• 最後のカードで行動を促したいとき

新製品の公開前や先行テストに向け、参加希望者のメール登録ページを作るスキルです。製品の説明、3つの特長、登録欄、創業者のメッセージを簡潔に配置します。

• 製品公開前の登録ページ作成
• 先行テストの参加者募集
• 製品の特長を3つに絞って紹介

発表内容を大見出しと短い説明に絞り、Keynote風のスライドに整えます。キーボードでのページ切り替えや現在位置の表示、フェードイン演出も備えます。

• 製品紹介を短いスライドにしたいとき
• データ図や要点を大きく見せたいとき
• キーボードで発表資料を操作したいとき

回転する文字のリングや地球儀、タイマー、浮遊ラベルを組み合わせ、繰り返し動く画面を作ります。動画の冒頭やランディングページの大きなメイン画像に使うスキルです。

• 動画の冒頭画面を作りたいとき
• ランディングページのメイン画像制作
• 複数の動きをループ画面にまとめたいとき

タスクを４つの進捗列に並べる、Trello風のカンバン画面を設計するスキル。担当者やラベルでの絞り込み、期限やコメント数を備えたカードの配置をまとめます。

• チームのタスク一覧を設計したいとき
• レビュー待ちも含めて進捗を示したいとき
• 担当者や作業単位でタスクを分けたいとき

プロダクトの課題や成功指標、対象範囲を整理し、一ページの要件文書にまとめます。利用場面、設計メモ、公開計画、未解決の論点まで見通せる構成です。

• 新機能の要件をまとめたいとき
• 成功指標と対象範囲の明確化
• 利用場面と設計メモの文書化