Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →jpoindexter/design
Use when the user invokes /design, or asks to design/build/audit/polish a web or cross-platform UI or create a design case study — screen, component, layout, table, chart, form, color system, portfolio narrative — and it's unclear which design reference skills apply. Dispatcher that routes to the right companion skills, delegates case studies to /case-study, and routes native iOS work to /ios.
Passed 17 of 20 test cases with the skill, and 3 of 20 without it.
and 18 more in the full report
17 fixed2 passed either way2 still failing1 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 17 test cases the skill fixed. Same model, same prompt, with and without the skill.
We are creating a new user profile settings card component from scratch. Please activate the primary design skills for this task.
| Checked | Without skill | With skill |
|---|---|---|
| States the target in one line. | Passed | Passed |
| Loads the components-and-states skill. | Missed | Passed |
| Loads the layout-and-composition skill. | Missed | Passed |
| Loads the make-interfaces-feel-better skill. | Missed | Passed |
The instructions your model reads when the skill loads.
The cross-cutting design family is 16+ reference skills. Loading them all drowns the context; loading none means eyeballing it. Transcript evidence says they work in predictable clusters — this router loads the cluster for the task.
Resolve the target first: the screen/component/task in the argument, else the UI work active in the conversation. State it in one line, load the routed skills via the Skill tool, and apply them while working — router, not recital. Native iOS/SwiftUI → use /ios, not this.
| Task | Skills (in priority order) |
|---|---|
| New screen / component build (default row) | components-and-states, layout-and-composition, make-interfaces-feel-better |
| Layout redesign, reflow, spacing pass | layout-and-composition, grid-and-spacing, color-and-elevation |
| Table, chart, dashboard, metrics | data-visualization, components-and-states, accessibility-and-inclusive-design |
| Dense single-viewport UI ("fit on one screen", admin tool, inspector) | dense-no-scroll-layout, layout-and-composition, grid-and-spacing |
| Tufte-grade information display (data density, small multiples) | tufte, data-visualization |
| Design audit / QA before ship | accessibility-and-inclusive-design, components-and-states, color-and-elevation (+ data-visualization if charts/tables present) |
| Design case study / portfolio narrative | case-study dispatcher; it routes evidence, story, decisions, writing, and AI-agent supervision |
| Polish / "make it feel better" | make-interfaces-feel-better, interaction-and-motion, app-motion-and-animation |
| Motion / animation decisions | app-motion-and-animation, interaction-and-motion |
| Design system / tokens | design-tokens, grid-and-spacing, color-and-elevation |
| Color, contrast, dark mode | color-and-elevation, accessibility-and-inclusive-design |
| Copy: forms, labels, errors, empty states | ux-writing-and-content, components-and-states |
| Icons, avatars, imagery | iconography-and-imagery, design-tokens |
| Persuasion surfaces: pricing, CTAs, consent, retention | ethical-design-and-dark-patterns, ux-writing-and-content |
| "Why does this UX feel wrong" / behavioral check | laws-of-ux-and-psychology, usability-heuristics |
| Greenfield page or full redesign with taste stakes | hallmark first (it owns anti-slop direction), then this table for the parts |
| UX flows (auth, onboarding, checkout, ...) | userflow dispatcher (routes flow-*), then this table for the screens |
Ambiguous target → the default row. Marketing/landing pages → hallmark owns the visual identity; pull structural rows from here only as needed.
/case-study. For AI agents, that dispatcher must include ai-agent-case-study; do not reduce the work to a linear screen flow.test cases passed, vs 3 / 20 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.