スキルを探す

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

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

用途や読者、ブランドに合わせてランディングページやポートフォリオを設計し、配色・書体・動きの一貫性と読みやすさを確認しながら実装するスキル。

• ブランドに合うLPを作りたいとき
• 読者に合わせたポートフォリオ作成
• 既存の印象を保つサイト改修

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

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

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

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

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

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

文字組み、余白、配色、カードの重なり、控えめな動きを具体的なルールで整え、上質で落ち着いた印象のWebページをコードで制作するスキルです。

• 文字組みにこだわったLP制作
• 非対称なSaaS機能紹介の制作
• 柔らかな影と余白の作品紹介

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

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

営業提案やプロジェクト開始時の説明、デザインシステムの紹介に使うプレゼン資料を、PptxGenJSで.pptx形式に作成・編集するスキル。

• 営業提案用のスライド作成
• プロジェクト開始時の説明資料作成
• デザインシステムの紹介

曲やポッドキャスト、自己紹介を、カバー画像・進行バー・再生操作風アイコンを備えたSpotify風カードにし、動画や個人サイト向けのHTMLにまとめます。

• 動画に再生中カードを重ねたいとき
• 個人サイトで好きな曲を紹介
• ポッドキャストのタイトルと作者紹介

ブランドに合わせたPDFや電子ガイド、レポートを作成・記入・再整形するスキル。共通のデザイン設定と15種類の表紙スタイルで、文書の体裁を整えます。

• ブランドに合わせたPDFの作成
• 電子ガイドを作りたいとき
• レポートの体裁を整えたいとき

OpenAIのSora APIで短い動画を生成・リミックス・管理するスキル。映画風のカットや補足映像の制作、映像コンセプトの試作に使えます。

• 映画風のカットを作りたいとき
• 編集用の補足映像を用意したいとき
• 映像コンセプトの別案を試したいとき

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

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

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

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

プルリクエストのレビュー指摘やマージ競合を確認し、修正と検証を進めるスキル。コミットやプッシュ前に読み取り専用の相互レビューを行い、対応結果と残る課題を報告します。

• PRのレビュー指摘を修正したいとき
• 上流の変更を保ったマージ競合解消
• コミットやプッシュ前の修正レビュー

画面のアニメーション実装を、動きの速さや自然さ、割り込み対応、描画性能、アクセシビリティの観点で点検します。修正案と理由を示し、承認可否を判断します。

• ドロップダウンやツールチップの動きの点検
• 連続操作への追従性を確認したいとき
• 描画性能を損なうアニメーションの発見

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

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

提供したHTMLやテキストをiPhoneとMacBookの画面内に配置し、ガラス風のハイライトや床面の反射を添えた立体的な製品紹介ページを作るスキル。

• 製品発表でアプリ画面を見せたいとき
• モバイルとデスクトップのデザイン展示
• テキストやデータをアプリ風に見せたいとき

Webページの文字組み・配色・余白・動きを具体的なルールで整え、定型的な見た目を避けながら、ReactやNext.jsの画面実装を進めるスキル。

• 文字組みに特徴のある販促ページ制作
• ダッシュボードの表示と操作感の調整
• 情報密度や動きの強さを調整したいとき

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

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

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

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

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

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

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

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

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

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

GLSLで流体や粒子、手続き的に生成する映像表現を制作するスキル。レイマーチングなどの技法を使い、ページ冒頭のメインビジュアルや動きの一場面の制作に役立ちます。

• ページのメインビジュアル制作
• 流体シミュレーションの表現
• 粒子エフェクトを作りたいとき