スキルを探す

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

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

インタビューや問い合わせ、アンケートを整理し、製品やデザインの判断に使うHTML画面を作ります。根拠の一覧、テーマ、確信度、改善案の比較、次の実験をまとめます。

• インタビューと問い合わせの分析
• 初期設定の改善案を比較したいとき
• 根拠と不確実性を関係者に共有

SwiftUIの画面デザインで、AIにありがちな画一的な表現を避けるルール、方向性の助言、ブランド素材の扱い、5つの観点でのレビューを支援します。

• SwiftUI画面の方向性を決めたいとき
• AI特有の画一的な見た目の見直し
• ブランド素材の扱いを確認したいとき

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

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

HTMLから生成したPPTXを元資料と照合し、文字の欠けやフッターへの重なり、斜体の消失を調査。原因を整理し、配置ルールを見直して再出力・検証します。

• HTMLと出力済みPPTXの比較
• 文字切れやフッターの重なり修正
• 斜体の消失やフォント変更の調査

参考画像や曖昧な好みを、配色・書体・レイアウトなどの具体的なデザイン方針に整理し、再利用できるDESIGN.mdと制作担当への引き継ぎ資料にまとめるスキル。

• 参考画像からアプリの見た目を決めたいとき
• リデザイン前に判断基準を整理したいとき
• スライドのデザイン方針を引き継ぎたいとき

デザインの要件と実装したUIの見た目のずれを詰めるため、講評・調整・仕上げを繰り返す作業を案内し、別途導入する元のワークフローにつなぐスキル。

• 実装画面とデザイン要件を見比べたいとき
• 見た目のずれを繰り返し調整したいとき
• デザインから実装への見直し工程を計画

既存のWebサイトやアプリの画面を点検し、文字・配色・配置・操作時の表示を改善します。現在の技術構成と機能を保ちながら、段階的に整えるスキル。

• 既存サイトのデザインを点検したいとき
• 定型的な画面パターンを見直したいとき
• 読み込み中・空データ・エラー表示の改善

提供した物語や質問を、投票欄とコメント数のあるReddit風カードに整えます。動画への重ね表示やSNSでの共有に使う単一HTMLを制作します。

• 動画に重ねるReddit風カード制作
• SNS向けの物語カード共有
• 質問や冗談の投稿風表示

PowerPoint資料の読み取り、新規作成、既存スライドの調整を支援。経営層向け資料や研修、製品レビューに使うレイアウトやテンプレートも扱います。

• 経営層向けの説明資料作成
• 研修用スライドの準備
• 製品レビュー資料の作成

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

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

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

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

経歴やスキルをA4の1ページにまとめ、印刷やPDF出力に適したシンプルな英文履歴書・CVを作ります。落ち着いた配色と、必要に応じた2段組みで情報を整理します。

• A4一枚の履歴書を作りたいとき
• 経歴とスキルを2段組みで整理
• 印刷・PDF出力用の応募書類作成

Playwrightで宣伝用のスクリーンショットを作成するスキル。ランディングページのメイン画像、App Store掲載画像、更新情報のビジュアルに使えます。

• ランディングページのメイン画像作成
• App Store掲載画像を用意したいとき
• 更新情報に添える画面画像の作成

既存のOD Next計画に必要な画像などの素材を準備します。利用可能な機能や素材を再利用し、取得・寸法確認・非同期処理の結果回収まで、要件を保って進めます。

• 既存計画に必要な素材をそろえたいとき
• 複数ページで既存素材を再利用したいとき
• 配置に使う素材の寸法確認

画像・音声・動画の生成に使うAIモデルを、ReplicateのAPIで探し、比較して実行するスキル。複数モデルを試し、用途に応じて切り替える作業に向いています。

• 画像生成モデルを探したいとき
• 音声生成モデルを比較したいとき
• 動画生成モデルを試したいとき

Pixelbinで画像・動画の生成や編集を行い、見た目を整えたウェブページの制作にも使えるスキル。85種類以上のAPIを利用する作業を案内します。

• Pixelbinで画像・動画を生成したいとき
• 既存の画像・動画を編集したいとき
• 見た目を整えたウェブページの制作

デスクトップ全体、アプリのウィンドウ、指定したピクセル領域を撮影し、宣伝素材やデザインレビュー、不具合報告に使うスクリーンショットを用意するスキル。

• 宣伝用のアプリ画面を撮影したいとき
• デザインレビュー用の画像を用意したいとき
• 不具合報告用に画面の一部を残したいとき

UI/UXの設計パターンを探す際に、導入候補をエージェントへ知らせるカタログ項目です。検索データやテンプレートは含まず、実際の利用には配布元の一式が必要です。

• UI/UX設計の参考候補を探したいとき
• 必要なファイルの導入状況確認
• 配布元の導入方法を知りたいとき

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

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

PptxGenJSを使い、PowerPointのプレゼンテーションを一から作成・編集するスキルです。エージェントにスライド資料づくりを依頼する際に使えます。

• PowerPoint資料を一から作りたいとき
• PowerPoint資料を編集したいとき
• PptxGenJSでスライド作成を頼みたいとき

文章をOpenAIのAPIと標準搭載の音声で読み上げ音声に変換します。解説のナレーションや講義の音声版、短い動画に添える声のトラック作成に使えます。

• 解説のナレーションを作りたいとき
• 講義の文章を音声化したいとき
• 動画に添える声を作りたいとき

リリースの追加機能、修正、互換性を損なう変更、既知の問題、更新手順を1ページのHTMLに整理します。未提供の情報も明示し、変更内容を共有する文書を作ります。

• バージョン更新の案内を作りたいとき
• 追加機能と修正を一覧で共有したいとき
• 互換性の変更と更新手順の説明

Three.jsを使い、ブラウザで表示する3D要素や操作できる体験の制作を支援します。シーン構成、素材の見た目、操作方法、描画後の視覚効果を扱います。

• ブラウザ用の3D要素を作りたいとき
• 操作できる3D体験の制作
• 素材の見た目や操作方法の調整