Design Generate — Design skill for Claude Code
Generate a technical design document.
How to install Design Generate
Installs to ~/.claude/skills/taoidle-plan-cascade-design-generate/SKILL.md
mkdir -p ~/.claude/skills/taoidle-plan-cascade-design-generate && curl -fsSL https://raw.githubusercontent.com/Taoidle/plan-cascade/HEAD/commands/design-generate.md -o ~/.claude/skills/taoidle-plan-cascade-design-generate/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Design Generate does
description: "Generate a technical design document. Auto-detects level: project-level from mega-plan.json, or feature-level from prd.json. Provides architectural context for story execution."
Plan Cascade - Generate Design Document
Generate a structured technical design document (`design_doc.json`). Auto-detects the appropriate level based on available files.
Path Storage Modes
This command works with both new and legacy path storage modes:
New Mode (Default)
- `mega-plan.j
Alternatives in Design
- Figma — Fetch design context, screenshots, and assets from Figma for implementation 14.6k ★
- Part 3 — Technical Design Document Generator — I'll help you create a Technical Design Document for your MVP 2.1k ★
- Plan Artifact — Creates one polished, self-contained HTML artifact from a plan, PRD, roadmap, strategy, migration, rollout, re 652 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Writing Review
Comprehensive writing review — auto-detects document type and runs appropriate clarity, humanization, and styl
Product Delivery Harness
PRD, design, and PLAN/RUN graph orchestration for any coding agent (Codex, Claude Code, Pi, or generic), with
Deep Plan
Builds one feature end to end in a project that already exists: reads codebase, GRILLS user, UI mock sign-off,
Project Design
Product design for greenfield projects: PRD generation, story decomposition, board setup
Codebase Design
PHẢI dùng khi: Tech Lead hoặc Senior Developer cần mô tả cấu trúc code một cách chính xác — khi nói về refacto
Nxt Component
Generates a Next.js + TypeScript + Tailwind component. Auto-detects project conventions (naming, folder struct
Related Agents
Planning PRD Agent
MUST BE USED PROACTIVELY when user mentions: planning, PRD, product requirements document, project plan, roadm
Bezalel
Use this agent when you need professional software architecture expertise, comprehensive PRD document creation
Fe Test Runner
Dedicated test execution. Returns only a categorized summary, keeping failure stack traces out of the parent c