ClawGator Superpowers

ClawGator Superpowers

ClawGator チームのための、完全なソフトウェア開発フレームワークです。obra/superpowers をベースに、ClawGator 固有のニーズに合わせて調整されています。

使用するタイミング

次の作業を始める前には、必ずこのスキルを使用してください。

• 新機能やコンポーネントの開発
• 動作や機能の変更
• バグや課題の修正
• コードへの大幅な変更
• 実装計画の作成

次の場合はスキップしてください。

• 簡単な質問や情報の検索
• 1 行のコマンド
• プロジェクトのコンテキストの確認（関連するスキルを使用してください）

完全なワークフロー

Permintaan Pengembangan
    ↓
┌──────────────────────┐
│  USING SUPERPOWERS   │ ← Skill utama - memandu semua langkah
│  (skill dasar)       │   - Menemukan skill yang relevan
│                      │   - Menentukan prioritas skill
└──────────┬───────────┘
           ↓
┌──────────────────────┐
│   BRAINSTORMING      │ ← Memahami requirement & desain
│  (jika butuh desain) │   - Tanya pertanyaan satu per satu
│                      │   - Usulkan 2-3 pendekatan
│                      │   - Validasi desain incrementally
└──────────┬───────────┘
           ↓
┌──────────────────────┐
│  USING GIT WORKTREES│ ← Setup workspace terisolasi
│  (sebelum coding)    │   - Create branch baru
│                      │   - Setup project
│                      │   - Verify baseline tests
└──────────┬───────────┘
           ↓
┌──────────────────────┐
│   WRITING PLANS      │ ← Buat rencana implementasi
│  (jika multi-task)   │   - Pecah jadi tasks kecil (2-5 min)
│                      │   - Exact file paths & complete code
│                      │   - Include TDD steps
└──────────┬───────────┘
           ↓
    ┌──────┴──────┐
    │             ↓
    │  ┌──────────────────────┐
    │  │ SUBAGENT-DRIVEN DEV  │ ← Eksekusi via subagent (option 1)
    │  │  (sesi ini)          │   - Fresh subagent per task
    │  │                      │   - Review antar task
    │  └──────────┬───────────┘
    │
    │  ┌──────────────────────┐
    │  │   EXECUTING PLANS    │ ← Eksekusi batch (option 2)
    │  │  (sesi terpisah)     │   - Batch execution
    │  │                      │   - Review checkpoints
    │  └──────────┬───────────┘
    │
    ↓  ↓
┌──────────────────────┐
│ TEST-DRIVEN DEVELOPMENT │ ← WAJIB untuk semua coding
│  (selalu aktif)         │   - RED: Tulis test, lihat fail
│                        │   - GREEN: Implement minimal code
│                        │   - REFACTOR: Clean up
└──────────┬─────────────┘
           ↓
┌──────────────────────┐
│ SYSTEMATIC DEBUGGING  │ ← Jika ada bug/issue
│  (jika error muncul)  │   - Phase 1: Investigasi root cause
│                      │   - Phase 2: Analisis pola
│                      │   - Phase 3: Hipotesis & testing
│                      │   - Phase 4: Fix & verify
└──────────┬───────────┘
           ↓
┌──────────────────────┐
│   CODE REVIEW        │ ← Review antar tasks
│  (antara tasks)      │   - Requesting: Review code
│                      │   - Receiving: Apply feedback
└──────────┬───────────┘
           ↓
┌──────────────────────┐
│   VERIFICATION       │ ← Konfirmasi benar-bener fix
│  (sebelum selesai)   │   - Test lagi
│                      │   - Cek regressions
└──────────┬───────────┘
           ↓
┌──────────────────────┐
│ FINISHING DEV BRANCH │ ← Selesai branch
│  (setelah semua)     │   - Verify tests
│                      │   - Present options:
│                      │   * Merge ke main
│                      │   * Buat PR
│                      │   * Keep branch
│                      │   * Discard
└──────────────────────┘

利用可能なサブスキル

🎯 主要スキル（プロセス）

スキル	使用するタイミング	機能
using-superpowers	会話の開始時に必ず	スキルの使用方法を案内します
brainstorming	コーディングの前	要件と設計を理解します
writing-plans	設計の承認後	実装計画を作成します
executing-plans	計画の準備後	計画を実行します
finishing-a-development-branch	完了後	ブランチを仕上げます

🔨 実行スキル

スキル	使用するタイミング	機能
subagent-driven-development	実行方法の選択肢 1	タスクごとに新しいサブエージェントを使用します
dispatching-parallel-agents	並列タスク	複数のエージェントを割り当てます

🧪 品質スキル

スキル	使用するタイミング	機能
test-driven-development	コーディングの前に必ず	RED-GREEN-REFACTOR
systematic-debugging	バグがある場合	4 フェーズの根本原因分析
verification-before-completion	完了としてマークする前	本当に修正されたことを確認します

🔧 Git とレビューのスキル

スキル	使用するタイミング	機能
using-git-worktrees	新しいブランチでコーディングする前	独立した作業領域
requesting-code-review	タスク間	計画に沿ってコードをレビューします
receiving-code-review	フィードバックを受けた後	レビューのフィードバックを反映します

📝 メタスキル

スキル	使用するタイミング	機能
writing-skills	新しいスキルの作成時	OpenClaw スキルの構成

🎨 デザインスキル

スキル	使用するタイミング	機能
frontend-design	UI/UX の設計	コンポーネント、レイアウト、スタイリング

主要な原則

厳守事項

1. 失敗するテストを先に書かずに、本番コードを書いてはいけません（TDD）
2. 根本原因を先に調査せずに、修正してはいけません（デバッグ）
3. スキルが適用される可能性が 1％でもあると思ったら、必ずそのスキルを呼び出してください

TDD サイクル

RED → Write failing test → Verify fails
GREEN → Implement minimal code → Verify passes
REFACTOR → Clean up → Stay green
REPEAT → Next test

デバッグサイクル

Phase 1: Root Cause Investigation
  - Read errors carefully
  - Reproduce consistently
  - Check recent changes
  - Trace data flow

Phase 2: Pattern Analysis
  - Find working examples
  - Compare against references
  - Identify differences

Phase 3: Hypothesis & Testing
  - Form single hypothesis
  - Test it
  - Learn & iterate

Phase 4: Fix & Verify
  - Implement fix at root cause
  - Verify with original issue
  - Run all tests

スキルの優先順位

複数のスキルが関連する可能性がある場合：

1. まずプロセススキル（brainstorming、debugging、writing-plans）
2. 次に品質スキル（TDD、systematic-debugging）
3. 3 番目に Git／レビュースキル（worktrees、code-review）
4. 4 番目に実行スキル（executing-plans、subagent-driven）

例：

• 「X を作ろう」→ brainstorming → using-git-worktrees → writing-plans → executing-plans
• 「このバグを修正して」→ systematic-debugging → TDD
• 「X を追加して」→ TDD（単純な場合は計画不要）

OpenClaw との統合

このスキルは OpenClaw と完全に統合されています。

• ✅ 「build」、「create」、「implement」、「fix」、「add」などのキーワードで自動的にトリガーされます
• ✅ skills/ フォルダーに 15 個の完全なサブスキルが含まれています
• ✅ コンテキストに応じてサブスキルが自動的にトリガーされます
• ✅ using-superpowers がエントリーポイントになります
• ✅ ツール：brainstorm、plan_review、get_status
• ✅ サブエージェント駆動開発のための OpenClaw Agent 統合

ClawGator での開発

ClawGator チームは、次の作業にこのスキルを使用します。

• 🔨 OpenClaw の機能開発
• 🚀 プラットフォームの開発
• 🔧 バグ修正と改善
• 📝 製品の計画
• 💡 新しいアイデアのブレインストーミング
• 🔍 システム的なデバッグ
• ✅ TDD によるテスト
• 📊 タスク間のコードレビュー

このスキルにより、ClawGator チームは常に次のことを実践できます。

• コードを書く前に考える
• 構築する前に計画する
• リリースする前に検証する
• 本番環境に出す前にテストする

フォルダー構成

/home/clawgator-superpowers/
├── SKILL.md                    - Dokumentasi skill utama
├── openclaw.plugin.json        - Konfigurasi plugin
├── package.json                 - Metadata
├── brainstorming.js              - Core brainstorming function
├── index.js                     - Entry point
├── skills/                       - Sub-skills dari obra/superpowers
│   ├── using-superpowers/       - Skill dasar
│   ├── brainstorming/           - Brainstorming & desain
│   ├── writing-plans/           - Rencana implementasi
│   ├── executing-plans/         - Eksekusi plan
│   ├── test-driven-development/ - TDD workflow
│   ├── systematic-debugging/    - 4-phase debugging
│   ├── using-git-worktrees/     - Git worktrees
│   ├── subagent-driven-development/ - Eksekusi via subagent
│   ├── dispatching-parallel-agents/ - Paralel agents
│   ├── requesting-code-review/  - Review code
│   ├── receiving-code-review/   - Terima feedback
│   ├── verification-before-completion/ - Verify fix
│   ├── finishing-a-development-branch/ - Wrap up
│   ├── writing-skills/          - Buat skill baru
│   └── frontend-design/         - Design UI/UX
└── README.md                     - Dokumentasi lengkap

基本的な使い方

新しいプロジェクトを開始する

Buat fitur [nama fitur]

スキルは以下を自動的に行います：

1. using-superpowers を有効にします
2. ブレインストーミングを行い、要件を把握します
3. 新しい git worktree を作成します
4. 実装計画を作成します
5. TDD で実行します
6. テストして検証します

バグを修正する

Fix bug: [deskripsi bug]

スキルは以下を自動的に行います：

1. systematic-debugging を有効にします
2. 根本原因を調査します（4 つのフェーズ）
3. TDD で修正を実装します
4. 修正を検証します
5. すべてのテストを実行します

---

バージョン： 1.0.1 作成対象： ClawGator チーム 基盤： obra/superpowers（ワークフロー 100％、サブスキル 15 個） ライセンス： MIT