スキルを探す

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

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

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

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

Anthropicの公式ブランドカラーとタイポグラフィを制作物に適用し、色や書体に一貫性を持たせます。独自のブランド指針を考える際の参考にも使えます。

• 公式ブランドカラーを適用したいとき
• 公式の指針に沿って文字を整えたいとき
• 制作物の見た目を統一したいとき

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

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

React、Tailwind CSS、shadcn/uiを使い、複数の部品を組み合わせたclaude.ai向けのHTMLアーティファクトを制作するスキル。

• claude.ai用のHTMLを作りたいとき
• 複数部品からなる画面の試作
• Reactとshadcn/uiでの制作

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

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

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

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

fal.ai経由でKling O3を使った画像・動画生成につなぐスキル。OpenDesign上で制作計画時に見つけられ、実行には元のバンドルを別途導入します。

• Kling O3で画像を生成したいとき
• fal.ai経由で動画を生成したいとき
• OpenDesignの制作計画への組み込み

ブランドやキャラクター、画風に合わせた画像生成のために、fal.aiで独自のLoRAを学習します。目的に応じたカスタムAIモデルを用意するスキルです。

• ブランド向けの画像モデルを学習したいとき
• キャラクター用の独自モデルを用意したいとき
• 特定の画風に合わせたLoRAの学習

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

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

製品紹介や分析結果を、16列のグリッドと単一のアクセントカラーで整えるHTMLスライド作成スキル。22種類の固定レイアウトで、実データや比較を伝えます。

• 製品ロードマップを発表したいとき
• KPIやランキングを報告したいとき
• 改善前後の違いを説明したいとき

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

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

広告企画やデザインの方向性を定め、発想から評価、発表まで進めるスキル。複数の発想法と自己評価を使い、利用できる制作資源も組み合わせます。

• キャンペーンのコンセプト検討
• ページの見た目の方向性を決めたいとき
• デザインの批評と改善計画

まだ形になっていないアイデアを、段階的な問いかけと代替案の検討を通じて具体的なデザインへ整理し、構想初期の方向性を詰めるためのスキル。

• 大まかなアイデアを具体化したいとき
• コンセプトの別案を検討したいとき
• 問いかけを通じた構想の整理

配色づくりや文字のコントラスト確認を、色彩科学の資料に基づいて支援します。色の命名、顔料の混色、歴史的な色彩理論まで、制作に関わる色の相談を扱います。

• デザインの配色を考えたいとき
• 文字と背景のコントラスト確認
• 色の名前を決めたいとき

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

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

工業マニュアルや古い端末を思わせるWeb画面を、厳密なグリッド、大きな文字と細かなデータ表示、赤い差し色、紙や走査線の質感で設計するスキル。

• データ量の多いダッシュボードを試作したいとき
• 印刷物風のポートフォリオ制作
• 暗い端末風の画面を作りたいとき

Apple製品向けの画面設計で、人が操作しやすいUIの指針を参照するためのスキル。iOSやmacOSなどの基礎・部品・操作方法を扱う14スキルを案内します。

• iOSアプリの設計指針を確認したいとき
• macOSの画面部品を参照したいとき
• visionOSの操作設計を調べたいとき

デザインの方向性、色や余白などの共通値、見た目のルールをDESIGN.mdにまとめて作成・管理します。制作時に参照する基準を一つの文書に集約するためのスキルです。

• プロジェクトのデザイン方針の文書化
• デザインの共通値を集約したいとき
• DESIGN.mdで見た目のルールを管理

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

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

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

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

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

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

既存のWeb画面に、ボタンの反応や状態の切り替えを伝える控えめなアニメーションを加えます。文章やレイアウトを保ち、動きを減らす設定にも対応します。

• ボタンに操作の反応を加えたいとき
• 画面内の状態変化を伝えたいとき
• 主要な内容の登場演出を整えたいとき

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

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