Cm How It Work

---
name: cm-how-it-work
description: "Complete guide to vibe coding with CodyMaster — from idea to deploy. Read this first if you are new."
disable-model-invocation: true
---

# CodyMaster Kit — The Ultimate Vibe Coding Guide

## Overview

The **CodyMaster (CM)** kit transforms ideas into production code through 13 specialized, optimized skills. This workflow ensures the highest quality, absolute security, and maximum execution speed.

```
💡 Idea → 🔍 Analysis → 📐 Design → 🧪 Test-first (TDD) → 💻 Code → ✅ Verify → 🚀 Deploy → 🔄 Iterate
```

---

## Workflow

### Phase 0: Identity & Safety 🔒
> **Rule #1:** Always verify identity before performing any action that could change the project state.

- **Skill:** `cm-identity-guard`
- **When:** At the start of a work session, before git push, deploy, or database operations.
- **Action:** Run `node check-identity.js` (or similar script) to verify GitHub/Cloudflare/Supabase accounts.

---

### Phase 0.3: Knowledge Infrastructure Setup 🧠
> **For large codebases, establish the memory foundation before planning.**

- **Skills:** `cm-codeintell` + `cm-dockit` + `cm-deep-search` + `cm-notebooklm`
- **When:** When onboarding to a new codebase or starting a massive refactoring initiative.
- **Action:**
    1. Scan structure with `cm-codeintell` to build the Skeleton Index.
    2. Generate missing architectural docs with `cm-dockit`.
    3. Index the docs for fast local retrieval with `cm-deep-search` (qmd).
    4. Sync high-value patterns to the Cloud Brain with `cm-notebooklm`.
- **Output:** A fully indexed 5-tier memory ecosystem ready for precise, low-token AI problem solving.

---

### Phase 0.5: Strategic Analysis 🔍
> **For complex initiatives and enhancements on existing products.**

- **Skills:** `cm-brainstorm-idea` + `cm-codeintell`
- **When:** When the task is complex and requires multi-dimensional analysis (tech, product, design, business) before planning.
- **Action:**
    1. Scan codebase with **code intelligence** (AST graph + architecture diagram via `cm-codeintell`).
    2. Interview user and analyze with 9 Windows (TRIZ).
    3. Propose 2-3 options, evaluate multi-dimensionally, recommend the best option.
- **Output:** OpenSpec `openspec/changes/[initiative]/proposal.md` — qualified problem + recommended option → passes to `cm-planning`.

---

### Phase 1: Planning & Design 📐
> **Understand the 'Job to be Done' (JTBD) and architecture before writing code.**

- **Skill:** `cm-planning` (Combines brainstorming + writing-plans)
- **Action:**
    1. Brainstorm requirements and analyze i18n.
    2. Propose architecture and tech stack.
    3. Write detailed OpenSpec docs (`openspec/changes/[init]/design.md` and `tasks.md`).
- **Output:** Design docs and execution plan (OpenSpec tasks) approved by user.

---

### Phase 2: Implementation (TDD & Execution) 💻
> **Turn the plan into actual source code safely.**

- **Skills:**
    - `cm-tdd`: Red-Green-Refactor cycle. No production code without a failing test first.
    - `cm-execution`: Execute plans intelligently (Manual, Parallel, or Subagent mode).
    - `cm-project-bootstrap`: For new projects — setup repo, i18n, SEO, and deploy pipeline from Day 0.
    - `cm-execution`: Isolate different work items to avoid state mixing.

---

### Phase 3: Quality Control & Verification ✅
> **Prove with evidence, not words.**

- **Skills:**
    - `cm-quality-gate`: Setup test infrastructure (`test:gate`) and verify output before claiming "done".
    - `cm-debugging`: When tests fail, use systematic investigation framework to find root cause.
    - `cm-code-review`: Professional request and feedback review process.

---

### Phase 4: Safe Deployment 🚀
> **Ship code without fear of incidents.**

- **Skills:**
    - `cm-safe-deploy`: Run 8-gate pipeline (Secret → Syntax → Test → Build → Deploy → Smoke).
    - `cm-safe-i18n`: Translate and synchronize languages consistently across the entire project.
    - `cm-terminal`: Monitor all terminal commands to detect errors immediately.

---

## CodyMaster Kit — 34 Skills Summary

### 🔧 Engineering
| Skill | Primary Function |
|-------|-----------------|
| `cm-tdd` | Strict Red-Green-Refactor TDD — no code without failing test first. |
| `cm-debugging` | Systematic 5-phase error investigation (root cause first). |
| `cm-quality-gate` | 6-gate verification: static analysis → blind review → ship. |
| `cm-quality-gate` | Setup and enforce the verification gate before claiming "done". |
| `cm-code-review` | Manage PR lifecycle: request → receive feedback → complete branch. |
| `cm-codeintell` | AST knowledge graph + architecture diagrams + smart context (30% fewer tokens). |

### ⚙️ Operations
| Skill | Primary Function |
|-------|-----------------|
| `cm-safe-deploy` | Multi-gate deploy pipeline with rollback strategy. |
| `cm-identity-guard` | Verify account before push/deploy to prevent wrong-project incidents. |
| `cm-execution` | Isolate feature work in separate workspaces/batches — no state mixing. |
| `cm-terminal` | Safe terminal execution with progress logging and error capture. |
| `cm-safe-deploy` | Defense-in-depth: pre-commit hooks, repo scanning, token lifecycle. |
| `cm-safe-i18n` | Safe multi-language management with multi-pass batching and 8-gate audit. |

### 🎨 Product
| Skill | Primary Function |
|-------|-----------------|
| `cm-project-bootstrap` | Full project setup: design system → CI → staging → deploy from Day 0. |
| `cm-brainstorm-idea` | Strategic analysis gate: 9 Windows + Double Diamond → 2-3 qualified options. |
| `cm-planning` | Brainstorm intent → write implementation plan → coordinate execution. |
| `cm-ux-master` | 48 UX Laws + 37 Design Tests + Figma/Stitch + BM25 semantic design search. |
| `cm-design-system` | Live UI concept generation via design-token and Stitch/Open Design workflows. |
| `cm-dockit` | Generate complete knowledge bases, SOPs, and API docs from codebase. |
| `cm-readit` | Web audio engine: TTS reader, MP3 audio player, Voice CRO trigger system. |
| `cm-jtbd` | JTBD customer discovery: Switch Interview → Canvas → Opportunity Scoring. |

### 📈 Growth
| Skill | Primary Function |
|-------|-----------------|
| `cm-content-factory` | Self-learning content engine: research → generate → audit → deploy. |
| `cm-ads-tracker` | Conversion tracking setup: GTM, Meta CAPI, TikTok, Google Ads. |
| `cm-cro-methodology` | CRO audit: funnel mapping → persuasion assets → A/B test design. |

### 🎯 Orchestration
| Skill | Primary Function |
|-------|-----------------|
| `cm-execution` | Execute plans: Manual / Parallel / Subagent / RARV batch modes. |
| `cm-continuity` | Working memory protocol: read at session start, update at session end. |
| `cm-skill-index` | Meta-skill: when to invoke which skill and how to discover the right one. |
| `cm-skill-chain` | Compose skills into automated multi-step pipelines (5 built-in chains). |
| `cm-skill-index` | Progressive disclosure index — 90% token savings on skill discovery. |
| `cm-deep-search` | Semantic search via qmd for large codebases (>200 src / >50 docs files). |
| `cm-notebooklm` | Cloud Brain sync — cross-machine knowledge persistence via NotebookLM. |
| `cm-how-it-work` | Full vibe coding guide — phases, skills per phase, use cases. |

### 🖥️ Workflow Commands
| Skill | Primary Function |
|-------|-----------------|
| `cm-start` | Orchestrate full workflow from objective to production code. |
| `cm-status` | Ultra-concise 1-2 sentence progress summary; pair with `cm dashboard` for visuals. |

## 🚀 Autonomous Workflow System

The kit supports autonomous mode by applying the **Reason → Act → Reflect → Verify (RARV)** loop.

### How to Use the Workflow:
1. **`/cm-start [objective]`**: Start work. The system will automatically initialize the OpenSpec structure (`openspec/changes/[objective]/`), break down tasks into `tasks.md` and sync with `cm-tasks.json`, launch the tracking interface, and autonomously use CM skills to complete them.
2. **`/cm-dashboard`**: Open the visual tracking Dashboard in browser (shows Kanban board, reasoning log, and progress).
3. **`/cm-status`**: View quick progress summary in Terminal.

---

## 💡 Activation Guide by Use Cases

There are 2 ways to use CodyMaster: **Fully autonomous (Via Workflows)** or **Manual skill activation (Via Prompting)**.

### 1. Build New Feature / New Project (Autonomous)
> Best way to delegate complete work packages.
- **Command:** `/cm-start "Build user management feature with list screen and CRUD form"`
- **Implicit flow:** Planning → create Task JSON → sub-agents continuously run `cm-tdd` and `cm-quality-gate` for each task until done.

### 2. Fix Production Bug (Manual)
> Bugs need close supervision and AI should not blindly change too much code.
- **Step 1:** Activate `cm-debugging` to find Root Cause.
- **Step 2:** Activate `cm-tdd` to write test reproducing the bug and fix it.
- **Step 3:** Activate `cm-safe-deploy` to ship code safely.

### 3. Setup New Project From Scratch
> Establish a solid foundation to avoid technical debt later.
- **Command:** "Use `cm-identity-guard` to ensure correct account, then run `cm-project-bootstrap` to setup a new Next.js project."

### 4. Batch Multi-Language Translation
> Tedious work that's error-prone if AI loses focus.
- **Command:** "Use `cm-safe-i18n` to extract all hardcoded text in `/components` directory to `vi.json` and `en.json` files."

---

## 9 Golden Rules

1. **Identity First:** Verify account (`cm-identity-guard`) before push/deploy.
2. **Design Before Code:** Always have an approved plan before typing.
3. **i18n Day 0:** Always consider multi-language from the brainstorm step.
4. **Test Before Code:** RED → GREEN → REFACTOR. No exceptions (`cm-tdd`).
5. **Evidence Over Claims:** Only trust terminal/test results output, not AI "saying" it's done.
6. **Deploy via Gates:** 8 gates must pass sequentially. Any gate fails = STOP (`cm-safe-deploy`).
7. **Safe Secrets:** Never commit secrets. Pre-commit hooks protect every push (`cm-safe-deploy`).
8. **Parallel Power:** Use parallel execution for i18n or multi-bug fixes (`cm-execution`).
9. **Working Memory:** Read CONTINUITY.md at session start, update at session end (`cm-continuity`).