shipit-ui-design — Senior UI/UX as a Claude Code plugin
Senior UI/UX inside Claude Code, with a screenshot critique loop.
See the live demo · View on GitHub
Design rules your agent actually follows.
- Visual critique loop: Playwright screenshots the page, scores it against a 100-point rubric, fixes it and checks again.
- Design-system keeper: Tokenized values, full state coverage and dark mode — no hard-coded colors.
- Dashboard literacy: Shells, KPI tiles, tables, chart cards, filters and command palettes, all blueprinted.
- Color engineering: OKLCH ramps, WCAG and APCA contrast, and colorblind-safe palettes.
- Encoded design rules: Tinted neutrals, 60–30–10, mobile grids and spacing cheat sheets.
- The constitution: Seven hard rules every artifact obeys — and it respects your existing stack.
Installed in your project in two commands.
- Open Claude Code: In any UI project.
- Add the marketplace: One command adds shipiit/shipit-ui-design.
- Install the plugin: For you, your project or just this repo.
- Run /design init: It reads your stack and sets up the design system.
Details
- Runs in
- Claude Code
- UI stacks
- React, Vue, Svelte, Solid · Tailwind, CSS Modules, styled-components
- Frameworks
- Next, Vite, Remix, Astro, Nuxt, SvelteKit, React Native
- Pairs with
- ShipIt Palette
- License
- MIT
More from ShipIt
- Vouchline — Research agents that cite and re-check every claim.
- Forge — GitHub coding agent that fixes issues and reviews PRs.
- Sentinel — Autonomous AI penetration testing with real proof.
- shipit-agent — The Python runtime under every ShipIt agent.
- Watchtower — Tracing, cost and PII masking for LLM apps.
- Relay — A self-hosted engineer on your Claude subscription.
- ShipIt Cloud — Multi-tenant console for white-label agents.
- ShipIt CLI — Terminal coding agent with two-way chat bots.
- Pentest skills — One /pentest command for Claude Code.
- ShipitQA — Goal-driven QA in real browsers, with evidence.
- KeyVault — Zero-knowledge password manager. No server.
- MacSweep — Clean, protect and understand your Mac.
- Snappilot — Free screen capture studio, fully on-device.
- ShipIt Palette — One hex to a full design system.