UX design hub: 7-step wireframe pipeline + product design (design-os) + visual prototyping (pencil) + agentic UX patterns (lev-ref). Use for wireframes, flows, IA, JTBD, product design, CLI design, agentic UX, design systems, or component architecture.
Routes to specialist sub-skills or runs the built-in 7-step UX pipeline.
Request arrives
|
+-- Product planning (vision, roadmap, data model, export)?
| -> Load: skillsdb://design-ux/design-os
| (~/.agents/skills-db/design-ux/design-os/SKILL.md + references/)
|
+-- Visual design / .pen file / design sweep?
| -> Use Pencil MCP tools (batch_design, get_screenshot, style guides)
| Ref: skillsdb://design-ux/pencil for character/illustration work
|
+-- CLI / agentic UX patterns?
| -> Load Phase 0.5 lev-ref patterns (below)
|
+-- UX pipeline (wireframes, flows, IA, JTBD)?
| -> Run 7-step pipeline (this skill body)
|
+-- "What design skills exist?" / browse?
| -> Query: ls ~/.agents/skills-db/design-ux/
| Deep: lev-skill resolve "{query}" --json
|
+-- Ambiguous?
-> Ask one clarifying question, then route
| Skill | Load when |
|---|
| design-os | Product vision, roadmap, data model, design tokens, export |
| superdesign-prompt-library | AI image prompts, style/layout/component prompts |
| swiftui-* (6 skills) | SwiftUI/iOS/macOS UI work |
| metal-shaders, vfx-spell-effects | GPU graphics, visual effects |
Load from ~/.agents/skills-db/thinking/patterns/{name}/SKILL.md when reasoning depth needed:
| Pattern | Score | Use when |
|---|---|---|
| nielsen-heuristics | 50 | Usability evaluation |
| design-of-everyday-things | 48 | Affordance/signifier analysis |
| dont-make-me-think | 48 | Simplicity audit |
| laws-of-ux | 45 | Psychology-based design |
| wcag | 45 | Accessibility compliance |
| design-systems | 45 | Component architecture |
| refactoring-ui | 44 | Developer-facing design tactics |
| Key | Action | Route |
|---|---|---|
| (p) | Product design wizard | skillsdb://design-ux/design-os |
| (w) | Run UX pipeline | Steps 1-7 below |
| (v) | Visual design / .pen | Pencil MCP tools |
| (c) | CLI/agentic UX patterns | Phase 0.5 lev-ref |
| (b) | Browse design skills | lev-skill resolve |
Treat the user's message (including any /ux ... text) as the input.
If it contains full or interactive: ask a small set of clarifying questions first, then run step-by-step.
If it contains step N (N=1..7): run only that step and update artifacts.
If it contains continue: resume the most recent run folder under .lev/ux/.
Otherwise: AUTO mode. Run all 7 steps end-to-end and produce wireframes.
Create a run folder:
RUN_DIR=.lev/ux/{YYYYMMDD-HHMMSS}-{slug}/Write artifacts below. If resuming, reuse the existing RUN_DIR.
Artifacts (expected):
problem_spec.yaml
routed_skills.json
jobs.graph.json
task_graph.json
ia_schema.json
interaction_fsm.json
components.md
wireframes.md
summary.md
TS="$(date +%Y%m%d-%H%M%S)"
SLUG="$(printf '%s' "$USER_MSG" | tr '[:upper:]' '[:lower:]' | rg -o "[a-z0-9]+" | head -n 6 | paste -sd- -)"
RUN_DIR=".lev/ux/${TS}-${SLUG}"
mkdir -p "$RUN_DIR"
printf '%s\n' "$USER_MSG" > "$RUN_DIR/request.txt"
bd exists and .beads/ exists:bd list --status=open | rg -n "ux|design|wireframe|ia|flow" -i || truels -t .lev/ux 2>/dev/null | head -n 10 || truerg -n "struct\\s+.*View\\b|SwiftUI|Navigation(Stack|SplitView)|TabView" apps packages extensions 2>/dev/null | head -n 50 || trueIf you find relevant prior art, cite paths in summary.md and either extend it or explicitly supersede it.
Apply lev-ref patterns to all UX outputs (especially summary.md and any routed-skill handoff).
This phase doubles as the agentic-ux hub route. Load directly when asked about CLI design, progressive disclosure, or prompt steering — no need to run the full 7-step pipeline.
Key patterns:
sed -n '1,220p' docs/_inbox/lev-ref/SKILL.md
Add confidence lines like [85% confident] for key recommendations.
Add → Next: and → Related: follow-ups.
Add a short 💡 Tip: in summary.md if there's a non-obvious UX lesson.
Route to specialized skills using the Hub Decision Tree above.
Check hub_routes (frontmatter) for trigger match against request keywords.
If no hub_route match, query skills-db dynamically:
# Design-ux category first (high-signal, 12 skills)
rg -l -i "{keywords}" ~/.agents/skills-db/design-ux/*/SKILL.md
# Broader search only if design-ux returns empty
lev-skill resolve "{keywords}" --json 2>/dev/null | jq '.results[:5]'
grep -i "{keyword}" ~/.agents/skills-db/thinking/11-ui-ux/task.csv \
| sort -t, -k8 -rn | head -3
{ "request_terms": [...], "candidates": [...], "selected": [...] }
Present discovered skills:
Continue pipeline regardless — routing enriches, never blocks.
Write problem_spec.yaml: