「open」の検索結果

PDFからのテキスト抽出、新しいPDFの作成、フォームの扱いを支援。プレスリリースやブランドに合わせた一枚資料、印刷用の制作物づくりに使えます。

• 既存PDFから文章を取り出したいとき
• プレスリリースをPDFにしたいとき
• ブランドに合わせた一枚資料の作成

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

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

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

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

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

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

Slack向けのアニメーションGIFを作るスキル。動きの基本要素を組み合わせ、サイズ制約の検証を行いながら、リアクションなどに使うGIFを制作します。

• Slack用のリアクションGIF制作
• 小さなアニメーションGIF制作
• GIFのサイズ制約を確認したいとき

AIエージェントが画面を作る際に、複数の小さなUI部品へ共通の制作ルールを適用するためのスキル。インターフェース全体の一貫性を保つ指針として使います。

• 複数のUI部品の一貫性を保ちたいとき
• 画面制作の共通ルールをエージェントに渡す
• 制作計画にUIの制約を取り入れたいとき

shadcn/uiで、構造が整理され、アクセシビリティに配慮した画面の部品を実装するスキル。Stitchのデザイン反復作業と組み合わせて使えます。

• shadcn/uiで画面部品を作りたいとき
• アクセシビリティに配慮した部品の実装
• Stitchのデザイン反復と連動した開発

Venice.aiを使い、音楽生成の依頼から完了処理・結果の取得までを扱うスキル。短いジングルや繰り返し使うBGM、試作品向けの音楽づくりに使えます。

• 短いジングルを作りたいとき
• 繰り返し使うBGMを生成したいとき
• 試作品に音楽を付けたいとき

Apple HIG、Material Design 3、WCAG 2.2に基づく300以上のルールを参照し、iOS・Android・Webに共通する画面設計を支えるスキル。

• iOS・Android・Web共通の画面設計
• HIGやMaterial Designを参照したいとき
• WCAG 2.2を踏まえた使いやすさの検討

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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