/superclaude-development-workflow

A Context Engineering-based workflow for developing SuperClaude Framework using context-engineering-intro and cc-sdd

Primary LanguageShellMIT LicenseMIT

はい、承知いたしました。 文字化けしている箇所を適切な絵文字に修正し、全体を自然な日本語に翻訳した README.md を作成します。


🚀 AI駆動開発ワークフロー

コンテキストエンジニアリング、エージェントオーケストレーション、スペック駆動開発の究極の統合


📖 概要

AI駆動開発ワークフローは、以下の3つの強力な手法を組み合わせた包括的なフレームワークです。

  1. コンテキストエンジニアリング - AIと効果的に対話する方法
  2. SuperClaudeフレームワーク - エージェントの連携と実行
  3. cc-sdd - スペック駆動開発とコード生成

この統合により、開発者はアイデアから本番環境で通用するコードまでを、前例のないスピードと品質で実現できます。

従来開発:  アイデア → 手作業 → コード (数日〜数週間)
AI駆動開発: アイデア → AI → 本番環境 (数時間〜数日)
                         
スピード向上:       80-90% 高速化
品質向上:     20-30% 向上
一貫性:            95%以上を保証

✨ 主な特徴

⚡️ 超高速開発

  • 要件 → 設計: 30-60分 (従来: 4-8時間)
  • 設計 → コード: 2-4時間 (従来: 2-4日)
  • コード → テスト: 自動生成
  • ドキュメント: 自動生成・保守

🧠 コンテキストエンジニアリング準拠

コンテキストエンジニアリングの4つの戦略すべてを実装:

  • Write Context: プロジェクトの永続的な記憶
  • 🔎 Select Context: RAGによる情報検索
  • 🔄 Compress Context: トークンの最適化
  • izolasyon Isolate Context: レイヤーの分離

🤖 マルチエージェント・オーケストレーション

  • メトリクスアナリスト: パフォーマンス追跡と最適化
  • コンテキストオーケストレーター: セマンティック検索と記憶
  • アウトプットアーキテクト: 構造化された出力生成
  • ドキュメンテーションスペシャリスト: 多言語対応のドキュメント作成
  • 品質エンジニア: ギャップ検証と品質保証

✅ 本番環境対応のアウトプット

  • テスト付きの完全なソースコード
  • APIドキュメント
  • アーキテクチャ図
  • デプロイマニフェスト
  • CI/CD設定

🚀 クイックスタート

前提条件

# 必須
- Node.js 18+ (cc-sdd用)
- Python 3.11+ (コード生成用)
- Claude Code または互換性のあるAIコーディングアシスタント
- Git

# 任意(推奨)
- Docker (コンテナ化用)
- PostgreSQL (データベース用)
- Redis (キャッシュ用)

インストール

# 1. リポジトリをクローン
git clone https://github.com/yourusername/superclaude-development-workflow.git
cd superclaude-development-workflow

# 2. セットアップスクリプトを実行
chmod +x scripts/setup-workflow.sh
./scripts/setup-workflow.sh

# 3. プロンプトに従う
# - プロジェクト名を入力
# - プロジェクトタイプを選択
# - オプションを設定

# 4. 開発開始!
cd [YourProjectName]

📚 ドキュメント

📖 コアドキュメント

🎓 学習リソース

🚀 高度なトピック


🏗️ アーキテクチャ

3層統合モデル

┌─────────────────────────────────────────────────────────┐
│ Layer 1: コンテキストエンジニアリング (Why & How)         │
│ ┌───────────────────────────────────────────────────┐ │
│ │ 👉 INITIAL.md  - プロジェクト定義                  │ │
│ │ 👉 CLAUDE.md   - AIへの永続的コンテキスト          │ │
│ │ 👉 PRPs/       - プロンプトの反復可能パターン      │ │
│ │ 👉 examples/   - コード例とパターン              │ │
│ └───────────────────────────────────────────────────┘ │
└─────────────────────────────────────────────────────────┘
                         👇
┌─────────────────────────────────────────────────────────┐
│ Layer 2: エージェントオーケストレーション (Who & What)    │
│ ┌───────────────────────────────────────────────────┐ │
│ │ 👉 メトリクスアナリスト        - パフォーマンス追跡   │ │
│ │ 👉 コンテキストオーケストレーター - RAG & セマンティック検索 │ │
│ │ 👉 アウトプットアーキテクト       - 構造化生成         │ │
│ │ 👉 ドキュメンテーションスペシャリスト - ドキュメント生成       │ │
│ │ 👉 品質エンジニア       - 検証 & QA            │ │
│ └───────────────────────────────────────────────────┘ │
└─────────────────────────────────────────────────────────┘
                         👇
┌─────────────────────────────────────────────────────────┐
│ Layer 3: コード生成 (Execution)                         │
│ ┌───────────────────────────────────────────────────┐ │
│ │ 👉 cc-sdd コマンド    - スペック駆動開発           │ │
│ │ 👉 テンプレートエンジン    - コード生成               │ │
│ │ 👉 マニフェスト実行      - ファイル操作             │ │
│ │ 👉 品質ゲート      - 自動テスト             │ │
│ └───────────────────────────────────────────────────┘ │
└─────────────────────────────────────────────────────────┘

生成されるプロジェクト構造

YourProject/
├── .context-engineering/      # Layer 1: コンテキスト
│   ├── INITIAL.md            # プロジェクト定義
│   ├── CLAUDE.md             # AIへの指示
│   ├── PRPs/                 # プロンプトパターン
│   └── examples/             # コード例
├── .superclaude/             # Layer 2: エージェント
│   ├── config.yaml           # エージェント設定
│   ├── metrics/              # パフォーマンスデータ
│   └── vector-store/         # RAGの埋め込み
├── .kiro/                    # Layer 3: スペック
│   ├── settings/
│   │   ├── steering/         # プロジェクトメモリ
│   │   └── templates/        # スペックテンプレート
│   └── specs/
│       ├── requirements.md   # 要求仕様
│       ├── design.md         # 設計書
│       └── tasks.md          # タスク分割
├── src/                      # 生成されたコード
├── tests/                    # 生成されたテスト
├── docs/                     # ドキュメント
└── manifests/                # デプロイ設定

🌊 開発ワークフロー

フェーズ1: 基盤構築 (コンテキストエンジニアリング)

入力: プロジェクトのアイデアと要件

アクション:

./scripts/setup-workflow.sh
# .context-engineering/INITIAL.md を編集
# .context-engineering/CLAUDE.md を編集

出力:

  • プロジェクト構造
  • AIへの永続的コンテキスト
  • 開発ガイドライン

コンテキスト戦略: ✅ Write Context


フェーズ2: 戦略計画 (SuperClaude)

入力: INITIAL.md, ビジネス要件

アクション:

npx cc-sdd@latest --claude --lang ja
/kiro:spec-requirements "あなたのプロジェクト"
/kiro:spec-design
/kiro:spec-tasks

出力:

  • .kiro/specs/requirements.md
  • .kiro/specs/design.md
  • .kiro/specs/tasks.md

コンテキスト戦略: 🔎 Select, 🔄 Compress

エージェント: 要求アナリスト, システムアーキテクト, コンテキストオーケストレーター


フェーズ3: 実装 (cc-sdd)

入力: 設計スペック, コーディング標準

アクション:

/kiro:steering
/sc:generate-manifest --from-tasks .kiro/specs/tasks.md
/kiro:apply-manifest manifests/phase1-foundation.json

出力:

  • 完全なソースコード
  • ユニットテスト
  • 結合テスト
  • APIドキュメント

コンテキスト戦略: izolasyon Isolate


フェーズ4: 検証 (SuperClaude)

入力: 生成されたコード, 設計上の期待値

アクション:

/kiro:validate-gap
/sc:metrics session
/sc:quality-check

出力:

  • ギャップ検証レポート
  • パフォーマンスメトリクス
  • 品質スコア
  • 改善提案

コンテキスト戦略: 🔎 Select, 🔄 Compress

エージェント: 品質エンジニア, メトリクスアナリスト


💡 サンプル

サンプル1: REST API開発

# 1. セットアップ
./scripts/setup-workflow.sh
# プロジェクト名: TaskManagementAPI
# タイプ: Web API (FastAPI)

# 2. 要求を定義
cd TaskManagementAPI
vim .context-engineering/INITIAL.md
# 追記: ユーザー認証, タスクのCRUD, リアルタイム通知

# 3. スペックを生成
npx cc-sdd@latest --claude
/kiro:spec-requirements "タスク管理API"
/kiro:spec-design
/kiro:spec-tasks

# 4. コードを生成
/sc:generate-manifest --from-tasks .kiro/specs/tasks.md
/kiro:apply-manifest manifests/phase1-foundation.json
/kiro:apply-manifest manifests/phase2-auth.json
/kiro:apply-manifest manifests/phase3-tasks.json

# 5. 検証
/kiro:validate-gap
pytest --cov=src

# 結果: 本番環境対応のFastAPIアプリケーションが2-4時間で完成!

サンプル2: データパイプライン

完全なサンプルは examples/data-pipeline/ を参照してください。

サンプル3: マイクロサービス

完全なサンプルは examples/microservices/ を参照してください。


📊 成功指標

開発スピード

指標 従来 AI駆動 改善
要求 → 設計 4-8時間 30-60分 80% 高速化
設計 → 実装 2-4日 2-4時間 90% 高速化
テスト 1-2日 自動生成 95% 高速化
ドキュメント 1-2日 自動生成 95% 高速化

コード品質

指標 従来 AI駆動 改善
テストカバレッジ 40-60% 80-90% +30ポイント
コード品質 60-70% 80-90% +20ポイント
ドキュメント 不完全 完全 100%網羅
一貫性 60-70% 95%+ +30ポイント

コンテキストエンジニアリング準拠度

戦略 Before After 改善
Write Context 20% 95% +75ポイント
Select Context 30% 95% +65ポイント
Compress Context 40% 90% +50ポイント
Isolate Context 50% 95% +45ポイント
全体 35% 94% +59ポイント

⚙️ 設定

カスタムテンプレート

.context-engineering/PRPs/templates/ にカスタムテンプレートを作成します:

# 私のカスタムテンプレート

## コンテキスト
{context}

## 要求
{requirements}

## 期待される出力
{output_format}

カスタムエージェント

.superclaude/agents/ にカスタムエージェントを追加します:

from superclaude import Agent

class MyCustomAgent(Agent):
    def execute(self, context):
        # あなたのカスタムロジック
        pass

環境設定

# .env
OPENAI_API_KEY=your-key
DATABASE_URL=postgresql://localhost/mydb
REDIS_URL=redis://localhost:6379

🙌 コントリビューション

コントリビューションを歓迎します!詳細は CONTRIBUTING.md をご覧ください。

貢献方法

  1. リポジトリをフォーク
  2. 機能ブランチを作成 (git checkout -b feature/amazing-feature)
  3. 変更をコミット (git commit -m 'Add amazing feature')
  4. ブランチにプッシュ (git push origin feature/amazing-feature)
  5. プルリクエストを開く

📜 ライセンス

このプロジェクトはMITライセンスの下でライセンスされています。詳細は LICENSE ファイルをご覧ください。


🙏 謝辞

このプロジェクトは以下のものを統合し、その上に構築されています:

  • context-engineering-intro by @coleam00 - コンテキストエンジニアリングの原則とPRP
  • cc-sdd by @gotalab - AIコーディングエージェントのためのスペック駆動開発
  • SuperClaude Framework - エージェントオーケストレーションとコンテキストエンジニアリングの実装

スペシャルサンクス:

  • Claudeを開発したAnthropicチーム
  • インスピレーションとフィードバックをくれたAIコーディングコミュニティ

💬 サポート


🗺️ ロードマップ

v1.0.0 (現在)

  • ✅ コアワークフローの実装
  • ✅ コンテキストエンジニアリングの統合
  • ✅ SuperClaudeエージェントオーケストレーション
  • ✅ cc-sddの統合
  • ✅ 自動セットアップスクリプト

v1.1.0 (2025年 Q4)

  • 🔜 TypeScript/JavaScript対応
  • 🔜 Go言語対応
  • 🔜 強化されたCI/CDテンプレート
  • 🔜 Visual Studio Code拡張機能

v1.2.0 (2026年 Q1)

  • 🔜 クラウドネイティブテンプレート
  • 🔜 Kubernetesデプロイメント
  • 🔜 マイクロサービスパターン
  • 🔜 エンタープライズ機能

v2.0.0 (2026年 Q2)

  • 🔜 多言語完全対応
  • 🔜 高度なRAG機能
  • 🔜 チームコラボレーションツール
  • 🔜 SaaSプラットフォーム

📈 統計


バージョン: 1.0.0

最終更新: 2025年10月11日
ステータス: 本番利用可能 ✅

<div align="center">

AI駆動開発コミュニティによって ❤️ を込めて作られました

⭐ GitHubでスターを付ける | 📖 ドキュメントを読む | 🐞 Issueを報告する

</div>