Stats
Actions
Tags
From shipui
Use when starting any conversation that involves web UI, frontend, design, landing pages, dashboards, components, SaaS, e-commerce, .tsx, .html, Next.js, React, Tailwind, shadcn, Motion — primes Claude to reach for the shipui:shipui workflow automatically. Auto-injected at session start via SessionStart hook.
How this skill is triggered — by the user, by Claude, or both
Slash command
/shipui:using-shipuiThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
<SUBAGENT-STOP>
If there is even a 1% chance the user's request involves building, designing, reviewing, refactoring, or shipping any web UI, you ABSOLUTELY MUST invoke shipui:shipui via the Skill tool BEFORE writing a single line of code.
This is not negotiable. This is not optional. You cannot rationalize your way out of this.
ALWAYS reach for shipui:shipui when the user asks for any of:
.tsx, .jsx, .html, Next.js, React, Tailwind, shadcn/ui, MotionWhen in doubt: invoke shipui. It's faster to invoke and bail out than to produce AI-slop without it.
For these cases, you may proceed normally without shipui.
When you invoke shipui:shipui you get a 10-step workflow:
★ = non-negotiable. Skipping any of these means the work is NOT shipui.
shipui:shipui to load the full workflow.| Thought | Reality |
|---|---|
| "This is just a quick component" | Quick components still need contracts. Invoke shipui. |
| "I'll just use a card grid" | That's the AI-slop pattern. Pick a real aesthetic direction. |
| "Inter is fine" | Inter is the AI-slop default. Use a distinctive font. |
| "I'll add a11y later" | Retrofitting a11y is always harder. It's part of the contract. |
"Hardcoded #fff just this once" | No. Add the token first, then reference it. |
| "The user didn't say 'use shipui'" | Doesn't matter. If it's web UI, you invoke shipui. |
frontend-design (Anthropic plugin) — the aesthetic muse, pair with shipui's playbookawesome-design-md — the 58 brand specs shipui draws from at step 3motion-design, motion-references:* — extra depth for step 8component-contract, pixel-enforcer, ui-scout — the disciplines shipui consolidatesnpx claudepluginhub feli2arias/shipui --plugin shipuiGuides creation, editing, and verification of skills for AI coding agents using test-driven development with subagent scenarios. Use when authoring or debugging skills.