风少1227

開発前や実装途中の疑問を、対話とコード調査で掘り下げます。構成図や比較表を使って要件・選択肢・リスクを整理し、方針を考えるための相談役となるスキルです。

• 曖昧な機能案や要件を整理したいとき
• 既存コードから問題を調査したいとき
• 技術的な選択肢の比較検討

OpenSpecの仕様・タスク・設計と実装を照合し、未実装の要件やテストの不足、設計とのずれを点検します。重要度別の指摘と具体的な修正案をまとめるスキルです。

• アーカイブ前の実装確認
• 未完了タスクや実装漏れの確認
• シナリオの実装とテストの確認

新機能や修正の説明からOpenSpecの変更案件を作り、文書作成を始める準備を整えます。使用するワークフロー、進捗、最初の文書のテンプレートを示します。

• 新機能の変更案件を始めたいとき
• 不具合修正の変更案件を準備
• 希望するワークフローで変更案件を開始

進行中のOpenSpecの変更案件を確認し、次に必要な文書を一つ作成します。既存の文書と依存関係を踏まえて進め、完了数と次に作成できる文書も示します。

• 途中まで進めた変更案件を再開
• 文書を一つずつ確認しながら作成
• 既存文書を踏まえた仕様書や設計書の作成

作りたい機能や修正内容をもとに、OpenSpecで実装開始に必要な文書をまとめて作成します。依存関係に沿って順番に進め、実装へ移れる状態まで準備します。

• 新機能の実装用文書をまとめて準備
• 修正内容から必要な文書を作りたいとき
• 依存関係に沿った文書の一括作成

変更分を記した仕様書から、要件の追加・修正・削除・改名をメイン仕様書へ反映します。変更対象外の内容を保ち、変更案件をアーカイブせずに仕様を同期します。

• 要件の変更をメイン仕様へ反映したいとき
• 既存内容を残してシナリオを追加したいとき
• 新しい機能のメイン仕様書作成

実際のコードの小さな改善を題材に、提案・仕様・設計・タスク作成から実装、アーカイブまでを解説付きで進め、OpenSpecの一連の流れを学ぶスキル。

• 実際のコードでOpenSpecを学びたいとき
• 提案・仕様・設計・タスクの役割の理解
• 小さな修正で変更の全工程を体験したいとき

OpenSpecで並行して進めた複数の変更を、成果物やタスクの完了状況、仕様の競合を確認し、コードの実装内容に合わせて仕様を反映して一括アーカイブするスキル。

• 完了した複数の変更をまとめて保存したいとき
• アーカイブ前の成果物・タスクの未完了確認
• 実装を根拠に重複した仕様を整理したいとき

モジュールのコードやディレクトリ構成を調べ、README.mdとDESIGN.mdのひな形を生成します。依存関係やAPIの概要を文書にまとめる出発点になります。

• 新規モジュールの文書を用意したいとき
• 不足するREADMEや設計書の整備
• Pythonのクラスと関数の概要整理

Web画面の読み込みや操作、アニメーションの遅さを計測し、原因に応じて改善します。画像やJavaScriptの容量、描画処理、通信を見直し、変更前後の数値で効果を確かめます。

• ページの初回表示を速くしたいとき
• スクロールやアニメーションの改善
• 画像やJavaScriptの容量削減

コード変更時の品質・セキュリティ確認、文書のひな形生成、複数エージェントの役割分担をまとめ、開発工程に応じた検証と並行作業を支えるスキル。

• モジュール構成と文書を確認したいとき
• 改修後の品質と安全性を点検したいとき
• README.mdとDESIGN.mdのひな形作成

機能追加や原因不明の不具合修正を、分析・設計・実装・レビューに分けて進めます。CCGの役割別エージェントと検証スクリプトを使い、変更全体を確認するスキルです。

• 機能追加を設計から検証まで進めたいとき
• 原因不明の不具合を調べたいとき
• 大きなリファクタリングの計画と検証

コードの変更差分を分析し、影響するモジュールや文書・テストの更新状況を整理します。設計変更やリファクタリング後、コミット前の更新漏れを確認するスキルです。

• コミット前の文書更新チェック
• 設計変更後の影響モジュール確認
• リファクタリング後のテスト更新確認

Google AdSenseの申請準備や広告配信中のサイトを点検し、コンテンツ、巡回のしやすさ、必要な開示を確認します。問題の根拠と具体的な修正案をまとめるスキルです。

• AdSense申請前のサイト点検
• AdSense不承認後の原因調査
• 広告配信中のポリシーリスク確認

ボタンの反応や完了時のアニメーション、待機中の文言に個性を加え、使う楽しさを整えます。ブランドや利用場面に合わせ、操作を妨げない演出を設計するスキル。

• ボタンやフォームの反応を整えたいとき
• 空の画面や待機表示に個性を加えたいとき
• 完了や節目を演出したいとき

エラーメッセージやフォームのラベル、ボタンなどの分かりにくい文言を見直し、利用者が状況と次の操作を理解しやすい、簡潔で一貫した表現に整えるスキル。

• エラーの対処方法を伝えたいとき
• フォームの説明を見直したいとき
• ボタンの動作を明確にしたいとき

画面の余白や整列、情報の優先順位を見直し、単調なカード配置や窮屈なUIを、内容に合う密度と強弱のあるレスポンシブなレイアウトへ整えるスキル。

• 窮屈な画面の余白調整
• 重要な情報を目立たせたいとき
• 単調なカード配置の見直し

画面の目的に合わせて情報・装飾・操作・コードの複雑さを見直し、必要な機能やアクセシビリティを保ちながら、迷いにくく要点の伝わるUIへ整理するスキル。

• ボタンが多い画面を整理したいとき
• 過剰な色や枠線、カードの入れ子の整理
• フォームや操作手順を減らしたいとき

太い黒枠、鮮やかな配色、ぼかしのない影で、輪郭のはっきりした画面部品を作ります。カードやボタン、入力欄の見た目と操作時の動きを、共通のCSS設定でそろえるスキルです。

• 太い枠と硬い影のカードを作りたいとき
• ボタンのホバー・押下表現の作成
• ナビゲーションや入力欄の見た目統一

無難で印象の弱い画面を見直し、文字の大小、配色、余白、構図、動きに強弱を付けて、使いやすさとブランドに合った個性を両立させるスキルです。

• 印象の弱いページに個性を加えたいとき
• 重要な情報に視線を集めたいとき
• 文字や配色をブランドに合わせたいとき

ボタン操作や画面の切り替えに、結果や状態が伝わるアニメーションを加えます。表示速度や動きへの配慮も確認し、目的に合ったUIの動きを設計・実装するスキルです。

• ボタンやフォームに操作の反応を加えたいとき
• メニューやモーダルの切り替えを整えたいとき
• ページ登場やスクロールの演出設計

単調な画面にブランドや用途に合う色を加え、ボタンの優先度や状態の違いを伝えます。背景、文字、グラフまで配色を整え、見やすさと温かみを両立するスキル。

• 灰色の画面に温かみを加えたいとき
• 主要ボタンを目立たせたいとき
• 状態やカテゴリを区別したいとき

利用者やブランドの方針に合わせて、Web画面の見た目と操作性を設計・改善します。文字、配色、余白、動きからアクセシビリティや公開前の仕上げまで扱います。

• デザインシステムの整備
• 操作性とアクセシビリティの点検
• スマートフォン向けの画面調整

AIエージェント開発、LLMの安全対策、外部情報を検索して回答に使うRAG、プロンプト設計と評価について、相談内容に合う専門資料へ案内するスキル。

• エージェント開発の資料を探したいとき
• プロンプト注入対策を調べたいとき
• RAGの検索と並べ替えの検討