「open」の検索結果

文書の分析と画像生成を組み合わせ、内容を整理したPPT資料を作るスキル。NanoBananaを使い、スタイルを指定した画像を含むプレゼンテーションにまとめます。

• 文書をPPT資料にまとめたいとき
• 生成画像入りのスライドを作りたいとき
• 文書分析から資料作成まで依頼したいとき

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

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

Reactで動画をプログラムから制作するスキル。ブランドの説明動画やSNS向けの短尺動画、ダッシュボードの映像化、再現可能なモーショングラフィックスに使えます。

• ブランドの説明動画を作りたいとき
• SNS向けの短尺動画制作
• ダッシュボードを映像化したいとき

Flutterアプリにアニメーション効果や画面遷移、動きを実装し、iOS・Android向けアプリでモーションデザインを取り入れる作業を支援します。

• Flutterにアニメーションを加えたいとき
• 画面遷移の動きを実装したいとき
• iOS・Android画面の動きの実装

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

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

Figma DesignやFigJamに空の新規ファイルを作成します。デザインシステムの整備やワークショップを、エージェントで進める際の最初の準備に使えます。

• 空のFigma Designを作りたいとき
• ワークショップ用のFigJam準備
• デザインシステム作業の初期準備

Figmaのデザインを、元の見た目に忠実な本番向けコードへ変換するスキル。フレームをフロントエンド担当のAIエージェントへ渡し、画面の実装に使えます。

• Figmaの画面を実装したいとき
• デザインをAIエージェントへ引き継ぐ
• デザインの見た目をコードで再現

映画的なアニメーション、MiniMax APIによるAI生成メディア、生成アートを使ったWeb制作を案内。冒頭の主役となるページや作品紹介サイト向けの項目です。

• 映画的な動きのヒーローページ制作
• 作品紹介サイトの制作
• AI生成メディアをWebで使いたいとき

アニメーションを使ったHTMLプレゼンテーションを作るスキル。見た目のプレビューを確認しながら、オンライン講演や埋め込み用の発表資料を制作できます。

• オンライン講演のスライド作成
• Webページへの発表資料の埋め込み
• 操作できる説明資料を作りたいとき

文章で伝えた内容を手描き風のExcalidraw図にするスキル。アニメーション付きSVG、オンラインの編集リンク、PNG書き出しを用途に応じて利用できます。

• 文章から手描き風の図を作りたいとき
• 図をオンラインで編集したいとき
• 図をPNG画像で書き出したいとき

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

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

Figmaのデザインをコードに落とし込む際のプロジェクト固有のルールを作り、色や余白などの共通値、命名規則、自動チェックの基準を一か所にまとめます。

• Figmaからの実装ルールを作りたいとき
• デザインの共通値と命名規則の整理
• 自動チェックの基準をまとめたいとき

Webサイトや業務画面を、用途に合う見た目と動くコードまで仕上げるスキル。文字組み、配色、レイアウトに加え、スマートフォン表示や操作時の状態も整えます。

• 方向性のあるランディングページ制作
• 日常業務向けダッシュボードの設計
• 既存UIの見た目と操作を整えたいとき

温かみのあるモノトーンと文字の強弱、広い余白を使い、カードのグリッドや淡い差し色で、雑誌のように情報を整理したミニマルなWeb画面を設計するスキル。

• ミニマルなプロダクト画面を試作したいとき
• 機能紹介カードの非対称グリッド配置
• 書体・余白・配色を統一したいとき

文章や参考画像からCodex向けの動くペットを作り、姿の一貫性や背景の透過を確認しながら、アニメーション用画像と設定ファイルをまとめて出力するスキル。

• 文章からCodexペットを作りたいとき
• キャラクター画像をペット化したいとき
• 動きごとの姿の違いを修正したいとき

画像内の物体の検出や領域分け、文字の読み取り、内容説明をfal.aiの画像認識モデルで行うスキル。画像についての質問にも答え、写っている情報を確認できます。

• 画像内の文字を読み取りたいとき
• 物体を検出して領域を分けたいとき
• 画像の内容説明や質問をしたいとき

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

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

コードや文章の説明をもとに、Figmaの画面を作成・更新するスキル。デザインシステムの部品と、色や余白などの共通設定を使ってアプリ画面を再現します。

• アプリのコードをFigmaに移したいとき
• 文章の説明から画面を作りたいとき
• 共通部品を使った画面の更新

Figmaのデザイン部品とコードの部品をCode Connectで関連付け、共通のデザインルールや部品の更新をコード側へ自動反映するためのスキル。

• Figmaとコードの部品を関連付けたいとき
• デザインシステムの更新を反映したいとき
• Code Connectを導入したいとき

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

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

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

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

実物の商品写真をもとに、形・色・素材・ロゴ位置などを保つ方針で、通販向けのメイン画像・特徴紹介・使用シーンの3枚と、確認用ギャラリーを作るスキル。

• 参照写真から商品メイン画像を作りたいとき
• 商品の特徴を一枚で伝えたいとき
• 商品の使用シーンを作りたいとき

見た目の要望を伝えるプロンプトに、デザイン仕様やUI/UXの用語を補い、画面づくりやデザインからコードへの実装で使う依頼文を具体化するスキル。

• 見た目に関する依頼を具体化したいとき
• デザインから実装への依頼文の整理
• UI/UXの用語を依頼文に補いたいとき

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

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