187CRAFT skill
187CRAFT — Design + frontend craft.
Short-name entry point for design, UX, frontend components, design systems, color palettes, font pairings, and pre-ship audits. Engineering quality routes to 187DEV.
Triggers
How to invoke 187CRAFT
| Trigger | |
|---|---|
| /187craft | |
| 187CRAFT | |
| craft | |
| ui | |
| design this | |
| UX audit | |
| component library | |
| color palette | |
| polish this page |
Use cases
When to route to 187CRAFT
Building or redesigning public-facing pages
Art-directing hero and landing sections
Generating design systems and component libraries
Running pre-ship UI/UX audits
Output contract
What 187CRAFT delivers
- 1Mode
- 2Design direction and tokens
- 3Component plan
- 4Accessibility notes
- 5Audit findings
- 6Next actions
Routing
When to hand off to another skill
| Route to | When |
|---|---|
| 187DEV | TypeScript, APIs, CI, code review, resilience |
| 187ACCESS+ | accessibility-only reviews |
| 187INCLUDE+ | inclusion-only language reviews |
| 187seo | SEO implications arise |
| 187launch | launch copy is needed |
Templates
Artifacts 187CRAFT produces
| Template | When to use |
|---|---|
| design-direction.md | Capturing a design decision |
| pre-ship-audit.md | Running a baseline pre-ship checklist |