Skip to contentKSDDkognar.com
KSDD — for Claude Code and OpenAI Codex

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.

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.

Start now

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

npm install -g @kognar/ksdd