Project Overview
UI Craft is a design engineering system for AI coding agents. Install it as a skill or as the ui-craft CLI and your agent starts designing with taste: ask for a dashboard and get one you'd put in production — not purple gradient cards and bounce animations.
Its premise — "Stop getting generic AI interfaces" — sums up the problem it attacks: AI agents produce recognizably generic UIs. UI Craft gives them the design knowledge they're missing.
How It Works
Not templates. Not a component library. Actual craft knowledge — opinionated rules about how interfaces should look, move, and feel — plus the tooling to verify the result.
-
/craft: ask for a surface (dashboard, landing, form), answer three questions (or none — the defaults are strong), and the agent builds against a 10-item acceptance bar: "would a designer retouch this?" If a box fails, it isn't done. -
Intent routing: for reviews, animations, forms, or polish, just describe what you're building and the skill routes to the right knowledge.
-
ui-craft-detect: static anti-slop detector that flags AI-generated design patterns — purple gradients, bounce easing, glassmorphism, generic CTAs,transition: all. Zero dependencies.
The Core Test
Every UI gets tested against a single question: "Would someone believe AI made this?" If yes, it starts over.
Technical Details
- Content: 31 design references, 22 commands, 5 agent harnesses
- Compatibility: Claude Code, Codex, Cursor, Gemini, and OpenCode — stack-agnostic by design
- Install:
brew install --cask educlopez/tap/ui-craft - Docs: landing with before/after comparison sliders, CRAFT / MOTION / DENSITY knobs, and full documentation, built with Astro 7 and Tailwind CSS v4
- Cost: free and open-source
Project link: skills.smoothui.dev