Skill.md検索

テスト駆動開発（TDD）の4つのフェーズ（SPEC→RED→GREEN→BLUE）を対話ガイド付きで自動実行できます。 機能仕様書（docs 配下の feature-*.md）を選択すると、テストシナリオに変換し、失敗するテストを書き、最小限の実装を加え、リファクタリング評価を順序立てて進めます。 ディレクトリ構造を自動ミラーし、docs の設計書に対応したテストコード（tests 配下）と実装コード（src 配下）を正しい位置に配置します。 各フェーズの完了条件を明確に定義しており、サブエージェント（0spec.md、1red.md、2green.md、3blue.md）に委任することでコンテキスト消費を最小化できます。 品質のいい実装を確実に作りたい開発者・開発チーム テスト駆動開発の手順を学びながら実践したい初心者プログラマ 大規模機能開発で設計書とコードのズレを防ぎたいリードエンジニア 既存プロジェクトに TDD を導入し、品質基準を統一したい組織 TDD 統合スキルは、feature 仕様書を選択して対話を開始し、4つのサブエージェント（0spec: 仕様→テスト仕様書、1red: テストコード作成、2green: 最小実装、3blue: リファクタリング評価）に段階的に委任します。実行前の対話フロー（feature-*.md 一覧表示、参考コード確認、最終確認）により、テスト対象を明確に絞り込みます。docs と tests ディレクトリをミラーするルールを定義し、例えば docs/backend/services/rag/ なら tests/backend/services/rag/test_*.py と src/backend/services/rag.py に配置されます。各フェーズは特定の出力形式（STATUS・ファイルパス・概要）を返すことでコンテキストを制限し、効率的に進行します。

ファイルの変更をワンコマンドで検出し、自動でコミットメッセージを生成してコミット・プッシュまで完了できます。 git pull → git status → メッセージ自動生成 → git add -A → git commit → git push の全ステップを一括実行します。 変更内容から40文字以内の簡潔な日本語コミットメッセージを自動生成するため、毎回メッセージを考える手間が不要です。 変更がない場合は自動判定して「変更なし」と返すため、無駄なコミットを防げます。 Gitの操作を頻繁に行う開発者 コミットメッセージを短時間で済ませたい人 日々の小さな変更を素早く記録したい人 Git操作の手間を最小化したい人 1. git pull でリモートの最新を取得、2. git status で変更を確認、3. 変更がなければ「変更なし」と伝えて終了、4. 変更内容から40文字以内の日本語コミットメッセージを自動生成、5. git add -A で全変更をステージング、6. git commit -m "" でコミット、7. git push でリモートにプッシュ。ルールは、コミットメッセージは必ず40文字以内、日本語で簡潔に変更内容を要約、絵文字は使わない、ユーザーに確認せず即実行する。

UI設計図、モックアップ、スクリーンショット画像を読み込み、レイアウト・カラースキーム・コンポーネント構成を詳細に言語化・解析します。 解析結果をもとに、即座に使用可能なセマンティックHTML5とCSS（Flexbox・Grid対応）のコードを自動生成し、手作業でのコーディング時間を削減します。 デザイントークン（色・フォント・スペーシング・シャドウ定義）を抽出・定義し、保守性が高く拡張性のあるスタイルシートを生成します。 Streamlit実装の際のコード例やベストプラクティスも提供し、フロントエンド開発のスタートラインを加速します。 デザイナーからもらったUIモックをなるべく早くHTML/CSSに落とし込みたいフロントエンドエンジニア Figma等で作ったUI設計図をコード化する際の作業時間を短縮したい開発チーム プロトタイプ開発やMVP構築で、デザイン画像から素早く動作するコードを起こしたい起業家・プロダクトマネージャー Streamlit等のPythonフレームワークでUIを実装する際に、解析済みのレイアウト情報が欲しい開発者 画像からUIレイアウトを詳細に言語化するスキルで、PNG・JPG・スクリーンショット等を入力として受け取ります。処理フロー：（1）Readツールで画像ファイルを読み込む、（2）UI解析と再現コード生成（レイアウト構造把握→カラー・スタイル抽出→HTML/CSS生成）。出力フォーマットは「レイアウト解析」（画面サイズ・アスペクト比・レイアウトパターン・セクション構成）、「デザイントークン」（色・スペーシング・タイポグラフィ・ボーダーラディウス・シャドウ）、「HTML構造」（セマンティックHTML5、メタデータ、ヘッダー・メイン・フッター等）、「CSSスタイル」（リセット・ベーススタイル、コンテナ、コンポーネント別スタイル）です。すべてのスタイルはCSS変数（カスタムプロパティ）を活用し、保守性・拡張性を重視した設計になっています。

スキャンされたPDFや画像として埋め込まれた文字を光学文字認識（OCR）で読み取り、編集可能なテキストに変換できます。 PDFに含まれるテキスト・表・フォーム記入内容などを構造化して抽出し、データベースへの入力や加工が簡単になります。 ファイロー図やアーキテクチャ図などのPDF内の図を、Mermaid形式（図を描く専用コード）に自動変換でき、ドキュメント化や編集が楽になります。 複数ページのPDFから必要な情報だけを自動で取り出し、手作業での文字起こしやデータ入力の時間を削減できます。 スキャンした領収書や契約書、請求書をデータ化したい事務・経理担当者 過去のレポートやプレゼン資料のPDFから情報を整理し直したい企画・リサーチチーム 紙ベースのドキュメントをデジタル化して管理したい組織・プロジェクト 図表が多い技術仕様書やホワイトペーパーをテキスト化・編集したいエンジニア

テスト駆動開発（TDD）のRed-Green-Refactorサイクルを自動実行し、手動での繰り返し作業を削減できます。 テスト仕様書から実装コードまで一連のプロセスをAIが代行し、開発スピードが向上します。 コンテキスト消費を最小化しているため、大規模プロジェクトでも効率的にテストを実行できます。 複数の機能（RAG、Speech、Stream、画面など）ごとにテストディレクトリを自動選択し、スコープ外の変更を防げます。 テスト失敗時の原因分析から実装修正まで、一貫性のある流れでコード品質を高められます。 テスト駆動開発を導入したい開発チームやプロジェクトマネージャー 繰り返しのテスト実行・コード修正で手間がかかっている開発者 コード品質の向上と実装スピードの両立を目指すエンジニア 複数の機能・モジュールを並行開発している大規模プロジェクトのチーム