How this skill is triggered — by the user, by Claude, or both
Slash command
/sage:designThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
- PERSONA: Read sage/core/agents/analyst.persona.md for your mindset.
Shape solutions. Reads research context, produces specs ready for build.
Scan .sage/work/ for design initiatives with status: in-progress.
This scan is MANDATORY — check the DISK.
Scan .sage/docs/ for upstream research artifacts:
jtbd-.md, ux-audit-.md, opportunity-.md, user-interview-.md
If research found: "Sage: Found research context — [list]. Using as design input."
If design artifacts exist: resume from current phase.
Read .sage/decisions.md for context. Read handoff field in
the most recent artifact if present.
If research context was found:
Sage → design workflow. Found research: [list of .sage/docs/ artifacts].
[1] Feature design — UX brief → detailed spec (2 steps) [2] Content/copy — UX writing (1 step) [3] Product requirements — PRD (1 step) [4] Comprehensive — brief → spec → copy (3 steps)
Pick 1-4, type / for commands, or describe what you need.
If no research context:
Sage → design workflow. No prior research found.
[1] Feature design — UX brief → detailed spec (2 steps) [2] Content/copy — UX writing (1 step) [3] Product requirements — PRD (1 step) [4] Research first — type /research to understand before designing
Pick 1-4, type / for commands, or describe what you need.
Based on scope, load and execute skills in sequence:
| Scope | Skill Chain |
|---|---|
| Feature | ux-brief → ux-specify |
| Content | ux-writing |
| PRD | prd |
| Comprehensive | ux-brief → ux-specify → ux-writing |
For each skill in the chain:
sage/skills/[skill]/SKILL.md and follow its process.sage/work/YYYYMMDD-slug/[artifact].md
with standard frontmatter (title, status, phase)Sage: [Artifact] saved to .sage/work/YYYYMMDD-slug/[name].md Decision: [key design decision]. (appended to decisions.md)
[A] Approve — continue to next step [R] Revise
Pick A/R, or tell me what to change.
🔒 DESIGN CHECKPOINT:
Self-check (observable conditions):
Sage: Design complete.
Artifacts: .sage/work/YYYYMMDD-slug/brief.md .sage/work/YYYYMMDD-slug/spec.md
Decision: [key design decisions]. (appended to decisions.md)
[A] Approve [R] Revise [V] → /review [N] New session → /build
Pick A/R/V/N, or tell me what to change.
On approval: update artifact frontmatter to status: completed.
Write handoff field:
handoff: |
Key decisions: [design choices and rationale]
Research context: [what research informed this design]
Open questions: [what needs resolution during build]
Next agent should: [guidance for implementation]
Append to decisions.md (Rule 7).
Next steps: /build — spec → plan → implement → verify (reads your design) /review — independent evaluation of the design /reflect — review design decisions before building
Type a command, or describe what you want to do next.
Good design output:
npx claudepluginhub xoai/sage --plugin sageConducts design discovery before building features, components, or interfaces. Explores intent, users, constraints, and context via quick or full conversational modes.
Produces high-quality design documents via research, first-principles analysis, divergent approaches, user interrogation on critical paths, and iterative drafting. For non-trivial system design requirements.
Orchestrates interactive workflows to transform fuzzy product/feature ideas into structured development briefs. Adaptive phases handle complexity; generates HTML/CSS visual prototypes.