Ctx Design — Design skill for Claude Code
Design system architecture, APIs, and component interfaces with structured workflow.
How to install Ctx Design
Installs to ~/.claude/skills/shakestzd-contextune-ctx-design/SKILL.md
mkdir -p ~/.claude/skills/shakestzd-contextune-ctx-design && curl -fsSL https://raw.githubusercontent.com/shakestzd/contextune/HEAD/commands/ctx-design.md -o ~/.claude/skills/shakestzd-contextune-ctx-design/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Ctx Design does
name: ctx:design description: Design system architecture, APIs, and component interfaces with structured workflow keywords:
- design
- architect
- architecture
- system design
- api design
- design pattern
- structure executable: true
Design Architecture - Structured Design Workflow
Systematic architecture design following: Understand → Research → Specify → Decompose → Plan
This command provides a structured approach to system design, API design, and architectural plan
Alternatives in Design
- Frontend Design — Create distinctive, production-grade frontend interfaces with high design quality 94.1k ★
- Brainstorming — Transform rough ideas into fully-formed designs through structured questioning and alternative exploration 27.9k ★
- Extract — Design System & Product Reverse-Engineering - Extract tokens, components, architecture, and PRDs from codebase 2.8k ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Sc Design
Design system architecture, APIs, and component interfaces with comprehensive specifications
J Arch
Architecture consultation — API design, distributed patterns, and system design. Use when designing APIs, choo
Design Handoff
Generate a developer handoff document from a Figma file — spacing specs, token maps, component APIs, and produ
Rogue UI UX Design Skill
Expert UI/UX design for product interfaces: user flows, information architecture, wireframes, interaction patt
Distributed Systems Design
Guides distributed system design using a structured 4-step framework. CHECKER mode audits existing designs. AP
Spectra
Multi-agent deliberation skills for Claude Code — structured design review and decision debate using blackboar
Related Agents
Senior Fullstack Engineer
Use this agent when the user needs production-grade software engineering work across the full stack — backend
Shadcn UI Builder
Use when building or modifying user interfaces with shadcn/ui components and blocks: new UI components, design
Coder Web
Implements features for web languages (JavaScript, TypeScript, React, Vue) to make tests pass. Expert in moder