Kode Claude Skills

My Claude Skills

A small collection of phased, interview-driven skills for [Claude](https://claude.ai) that turn a rough idea into a real deliverable, one question at a time instead of one giant template.

Skills

Skill	What it does
`spec-blueprint/`	Turns a rough project idea into a developer-ready spec, full blueprint (PRD, TRD, user flow, DB schema/ERD, implementation plan), a timeline, and sequenced code-gen prompts.
`design-blueprint/`	Turns a rough project idea into a frontend-ready design package: brand direction, user flows, HTML/CSS screen mockups, design tokens, and a component spec.

They're built to be used independently or in sequence: `spec-blueprint` for product/technical planning, `design-blueprint` for branding and UI. `design-blueprint` will pick up context from an existing `spec-blueprint` doc if one is present, but doesn't require it.

Each skill follows the same shape: an interactive one-question-at-a-time discovery phase, followed by phases that each produce a concrete artifact the next phase builds on.

Installing

Claude.ai / Claude Desktop / Claude Code (recommended)

Each skill folder is a self-contained `SKILL.md`. To install one:

1. Download or clone this repo.
2. Copy the skill folder into your skills directory:
   • Claude Code: cp -r spec-blueprint ~/.claude/skills/
   • Claude.ai / Desktop: zip the folder (or use a packaged .skill file, see below) and use the "Save skill" option when you open it in a chat.

Packaged `.skill` files

If you'd rather not zip it yourself, a `.skill` file (a zip archive containing the `SKILL.md`) is attached to each [GitHub release](../../releases). Download it and open it in a Claude.ai chat to get a "Save skill" prompt.

Using them together

A typical flow for a brand-new project:

1. Run spec-blueprint first to nail down the product, architecture, and build plan.
2. Run design-blueprint next. It'll