スキルを探す

動画の冒頭で使う短い言葉を、一文字ずつ現れる光の演出付きHTMLにします。光るカーソルや色ずれ、光線を組み合わせ、引用元や章名も添えられます。

• 引用文で動画を始めたいとき
• 光る文字で章の導入画面を作る
• 冒頭の言葉に引用元を添える

ガイドやAPIリファレンスの画面を、ナビゲーション・本文・目次の3列で設計し、コード例や表も含む単一のHTMLページとして試作するスキル。

• APIリファレンスを試作したいとき
• コード例付きのチュートリアル作成
• 目次付きガイドの画面設計

年間マーケティング計画や新製品発表を、成長・商談創出につながる説明に整理し、雑誌風のHTMLスライドに仕上げるスキル。構成、本文、見た目まで組み立てます。

• 年間マーケティング計画の承認資料
• 新製品の発売計画を説明したいとき
• 施策予算と成長目標を結び付けたいとき

Venice.aiのAPIを使い、画像の編集・拡大・背景除去をエージェントに依頼するためのスキル。既存画像の修正や、用途に合わせた画像素材の調整に使えます。

• 既存の画像を編集したいとき
• 画像を拡大したいとき
• 画像の背景を除去したいとき

恋愛・マッチングサービスやコミュニティの数値を、主要指標とグラフで見せるデスクトップ向け画面を、落ち着いた誌面風の単一HTMLに仕上げるスキル。

• 恋愛サービスの管理画面を試作したいとき
• コミュニティ活動の一覧画面
• 相互マッチ数とマッチ率の推移表示

短い宣伝用音楽やBGM、ナレーション、効果音の内容を整理し、用途に合う音声生成モデルへ依頼して、MP3／WAVファイルをプロジェクトに保存するスキル。

• 開店告知用の短いジングル制作
• 楽器を指定したBGM生成
• 確定原稿のナレーション化

Venice.ai APIによる画像生成と、利用可能なスタイルを扱うスキルです。エージェントに画像生成を依頼する際に、生成機能やスタイルの確認に使えます。

• Venice.ai APIで画像を生成したいとき
• 利用可能な画像スタイルの確認
• エージェントと画像生成を計画したいとき

プロジェクト報告や障害レビュー向けに、暗いCRT端末風の16:9 HTMLスライドを制作。等幅文字、赤い警告表示、時系列や監査ログで情報を整理します。

• プロジェクトの振り返り報告
• インフラ障害の経過報告
• セキュリティレビューの整理

商品発表やSNS共有向けの縦長ポスターを作成。大きな見出し、鮮やかなグラデーション、要点カードを組み合わせ、伝えたい情報を一枚にまとめます。

• 新商品の縦長ポスターを作りたいとき
• SNSで共有する告知画像の作成
• 特徴3〜5点を一枚にまとめたいとき

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

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

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

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

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

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

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

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

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

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

製品紹介や発表内容を、余白と大きな見出しを生かしたKeynote風のWebスライドにまとめます。左右キーやスペースキーで切り替え、ページ番号も表示します。

• 製品紹介のスライド作成
• 登壇用の発表資料を準備したいとき
• データ図を1枚で見せたいとき

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

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

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

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

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

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

UIのデザインを観点ごとに10点満点で評価し、満点に必要な状態とAI生成にありがちな表現を示すスキルです。変更を統合する前の品質確認に使えます。

• UI変更の統合前に品質を確認したいとき
• デザインを観点別の点数で把握したいとき
• AI生成らしい定型表現を見直したいとき

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

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

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

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

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

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

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

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

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

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