「gui」の検索結果

文章から音楽や効果音・環境音を作るために、AudioCraftのモデル選びと実装を案内します。メロディーや参考音源を使った生成、ステレオ出力、一括生成も扱います。

• 文章から音楽を生成したいとき
• 効果音や環境音を作りたいとき
• メロディーや参考音源を使いたいとき

Web画面のデザインをAIエージェントと見直すための指針です。23のサブコマンドと避けたい表現の例を備え、専用CLIで61のルールに基づく検出も行えます。

• Web画面のデザインを見直したいとき
• 文字組み・配色・配置の調整
• 多用されがちなデザイン表現の確認

曲の構成や韻、歌いやすさを考えた歌詞と、Suno向けの曲調・歌唱指示を作るスキルです。替え歌の語句調整やAI歌唱の発音対策も扱います。

• テーマとフックから歌詞を作りたいとき
• 替え歌を元のリズムに合わせる推敲
• Suno向けの曲調・歌唱指示作成

提案書や仕様書を、背景の整理から章ごとの執筆、読者目線の検証まで対話で仕上げます。前提を知らないClaudeに読ませ、説明不足や曖昧さを見直します。

• 散らばった背景メモから提案書作成
• 仕様書や意思決定の記録を作成
• 章ごとに構成や文章を推敲

Anthropicのブランド配色と書体を制作物に適用します。見出し・本文の文字づかいや背景に応じた色、図形のアクセントを整え、見た目を統一します。

• Anthropicの配色で資料を整えたいとき
• 見出しと本文の書体を統一
• 明暗の背景に合わせた文字色の調整

新しい画面の制作や既存UIの改修で、題材と利用者に合う配色・書体・レイアウトを設計し、画面内の言葉や動きまで意図を持って整えるデザイン支援スキル。

• 新しいサイトの見た目を設計したいとき
• 定型的なUIを改修したいとき
• 利用者に合う配色・書体・配置の検討

AIが外部サービスを操作するためのMCPサーバーを開発します。API調査からツールの設計・実装、動作確認、実際の利用を想定した評価問題の作成まで支援します。

• 外部APIをAIエージェントにつなぎたいとき
• TypeScriptやPythonでMCPを開発
• ツールの説明や入力・エラー文の改善

Claude Codeの操作前後や終了時に処理を動かすフックの作成を支援します。危険な操作の検証、完了確認、開始時の情報読み込みを設定し、テストまで扱います。

• コマンドや書き込みを実行前に確認
• エージェント終了前に完了を確認
• 開始時にプロジェクト情報を読み込み

Claude Codeのプラグインに外部サービスをつなぐMCP設定を案内し、接続方式の選択から認証、利用ツールの権限設定、動作確認まで支援します。

• ローカルMCPサーバーを追加したいとき
• 外部サービスの認証設定
• 複数サービスをコマンドやエージェントで利用

新しい画面の制作や既存UIの改修で、題材と利用者に合う配色・書体・レイアウトを設計し、画面内の言葉や動きまで意図を持って整えるデザイン支援スキル。

• 新しいサイトの見た目を設計したいとき
• 定型的なUIを改修したいとき
• 利用者に合う配色・書体・配置の検討

よく使う作業指示をClaude Codeのスラッシュコマンドにまとめる作成支援です。引数やファイル参照、実行ツールの指定、対話を含む処理の組み立てを扱います。

• 定型のレビュー指示をコマンド化
• ファイルや課題番号を引数に指定
• チーム共通の作業手順を共有

Claude Codeのプラグイン向けスキルを作成・改善し、呼び出される条件の説明からSKILL.md、参考資料やスクリプトの分け方、検証まで案内します。

• プラグイン内にスキルを新規作成
• 既存スキルの呼び出し条件を明確にしたいとき
• 長い手順を参考資料に分けたいとき

Claude Codeのプラグインを作る際に、設定ファイルやコマンド、スキルの配置を整理し、自動読み込みと環境に依存しないパス設定を案内します。

• プラグインのひな形を作りたいとき
• コマンドやスキルの配置整理
• インストール先に依存しないパス設定

mcp-useでMCPサーバーの処理・データ提供・定型プロンプト・操作画面を設計する旧ガイドです。現在は非推奨で、mcp-app-builderへの移行が案内されています。

• 既存のmcp-useサーバー構造の確認
• Tool・Resource・Promptの例の参照
• 対話型Widgetの設計を確認したいとき

機能やモジュール、プロジェクト全体に不足している文書を新規作成します。チュートリアル、操作手順、参照情報、解説の目的別に構成するスキルです。

• 未文書化の機能を説明したいとき
• チュートリアルや操作手順の作成
• モジュールの参照情報や解説の作成

APIやモジュール間の入出力を定義し、命名、エラー形式、入力検証をそろえるスキルです。既存の利用側との互換性や、再試行による処理の重複も考慮して設計します。

• 新しいREST APIの設計
• 画面とサーバー間のデータ仕様の定義
• 互換性を保ってAPIを拡張したいとき

Paperclipで最初に取り組む仕事の目的や条件を整理し、計画や単一タスクを提案します。承認を待ってから、合意した範囲の作業へ進めるスキルです。

• Paperclipで最初の目標を整理したいとき
• 計画とエージェントのチーム案づくり
• 実行前に単一タスクの範囲を合意したいとき

複数のSNSの指標をまとめて見る分析ダッシュボードを、単体のHTMLで作成。グラフの詳細表示や期間比較、明暗テーマの切り替えを備えた画面に整えます。

• 複数SNSの指標をまとめて確認したいとき
• グラフで選んだ期間を比較したいとき
• グラフの各点と分析内容を確認したいとき

制作したデザインを、レイアウト・目的への適合・ブランド・使いやすさ・文章の5つの観点で点検し、見つかった具体的な不備の修正まで進めるスキル。

• 納品前のデザイン点検
• ブランドの指定との整合確認
• キーボード操作やコントラストの確認

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

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

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

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

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

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

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

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

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

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