Skip to contentKSDDkognar.com
KSDD — for Claude Code, Codex, opencode, Antigravity & Copilot

From raw brainstorm to an implementable design system.

Slash commands that guide every product step with a human approval checkpoint between stages.

npm install -g @kognar/ksdd
The method

The method

Four stages, four artifacts, one approval gate between each one.

01 / 04/ksdd:start

Brainstorm

brainstorm.md

Raw idea becomes a refined concept with problem, audience, and differentiator.

Human approval
02 / 04/ksdd:spec

SPEC

SPEC.md

Concept becomes a product + design contract with personas, flows, and data model.

Human approval
03 / 04/ksdd:tech

Architecture

architecture.md

Stack, schemas, integrations, ADRs, and risks documented before any code.

Human approval
04 / 04/ksdd:design

Design

DESIGN.md

Google Stitch design system with tokens and components ready for handoff.

Where it runs

One method, five coding agents.

Install once and run KSDD in Claude Code, OpenAI Codex, opencode, Google Antigravity, or GitHub Copilot — the same commands, invoked the way each agent expects.

Install for every agent at once

ksdd install --codex --opencode --antigravity --copilot

Or add only the ones you use — each target has its own flag and KSDD_WITH_* env var.

How you invoke a command

The same command, three naming styles. Example: the start command.

Claude CodeOpenAI Codexopencode · Antigravity · Copilot
/ksdd:start/prompts:ksdd-start/ksdd-start
Why it matters

Why it matters

  • Human approval between stages

    Not 'agent decides everything'. You review, adjust, and only then advance.

  • Cumulative artifacts

    SPEC.md references brainstorm.md; architecture.md and DESIGN.md reference both.

  • Stack agnostic

    The method doesn't pick your tools. Your team and your codebase do.

FAQ

Frequently asked questions

Six honest answers before you install.

Start now

Install and run /ksdd:start in less than a minute.

npm install -g @kognar/ksdd