npx claudepluginhub martinffx/claude-code-atelier/designDesigns system architecture, APIs, components, and databases producing specifications, diagrams, or code. Accepts target and optional --type (architecture|api|component|database) and --format flags.
/designGuides interactive frontend design workflow: project discovery, trend research, moodboard creation, color/typography selection, and production-ready code generation.
/designCreates comprehensive feature design documents with research and architecture for a given feature name or idea.
/designEnforces SwiftUI design rules for uniform constants, flexible accessible layouts, system styling, and inclusive practices across devices.
/designDesigns system architecture with mandatory C4 (Mermaid) diagrams and tech stack recommendations, consulting prior requirements and flagging contradictions.
/designGenerates technical design for a spec from requirements via optional interview or --quick delegation to architect-reviewer, with approval and finalization.
Format: <feature> or <feature> <change>
@atelier-clerk determine mode and check prerequisites.
Parse arguments:
Mode: INITIAL Check if spec exists with requirements:
docs/spec/$FEATURE/spec.md doesn't exist → ERROR: "Feature not found. Create with: /spec:create $FEATURE"Mode: CHANGE Check if proposal exists:
docs/spec/$FEATURE/changes/$CHANGE/proposal.md doesn't exist → ERROR: "Change proposal not found. Create with: /spec:propose $FEATURE $CHANGE"docs/spec/$FEATURE/changes/$CHANGE/design.md already exists → ERROR: "Change design already exists. Use /spec:plan to continue."@atelier-clerk load product context.
Read files:
docs/product/product.md for vision and goalsdocs/spec/*/spec.md for patterns and conventions@atelier-clerk load technical standards.
Read files:
docs/standards/tech.md for architecture patternsdocs/standards/coding.md for implementation conventions@atelier-clerk load requirements based on mode.
Mode: INITIAL
Read docs/spec/$FEATURE/spec.md
Mode: CHANGE Read multiple sources:
docs/spec/$FEATURE/spec.md → current design (baseline)docs/spec/$FEATURE/changes/$CHANGE/proposal.md → change requirements@atelier-architect extract patterns and requirements from loaded context.
From product context:
From technical standards:
From requirements:
@atelier-architect create technical design following project standards.
Mode: INITIAL - Design Entire Feature
Apply architectural patterns from spec:architect skill based on requirements and loaded context.
Mode: CHANGE - Design Modifications
Analyze current design from spec.md and determine:
What needs modification:
Impact analysis:
Design the delta:
@atelier-clerk write design to appropriate location.
Mode: INITIAL
Update docs/spec/$FEATURE/spec.md:
Mode: CHANGE
Create docs/spec/$FEATURE/changes/$CHANGE/design.md:
Update docs/spec/$FEATURE/changes/$CHANGE/proposal.md:
Do NOT modify main spec.md in CHANGE mode - changes are merged later via /spec:complete.
Mode: INITIAL
Updated: docs/spec/$FEATURE/spec.md
The specification now includes:
- Requirements (user story, acceptance criteria, business rules)
- Technical Design (architecture, domain model, services, APIs, data persistence)
- {{component_count}} components identified
- {{layer_count}} layers needed
Next step: /spec:plan $FEATURE
Mode: CHANGE
Created: docs/spec/$FEATURE/changes/$CHANGE/design.md
Updated: docs/spec/$FEATURE/changes/$CHANGE/proposal.md
The change design includes:
- Current state baseline
- Proposed modifications to {{affected_layer_count}} layers
- Migration strategy
- {{#if has_breaking_changes}}⚠️ Breaking changes identified{{/if}}
Next step: /spec:plan $FEATURE $CHANGE