ui-craft
A design engineering system for AI coding agents that guides UI work away from generic AI-looking interfaces, with skills for dense dashboards, editorial layouts and minimal designs. Installs as a skill or a CLI.
30 skills445
@educlopez- 445Stars earned
- 1Plugin
- 30Skills
- 2Agents
- 25Commands
- 1MCP server
- 1Hook
Plugins
1@educlopezSkills
30adapt
Responsive layout pass covering breakpoints, touch targets, safe areas, and fluid type. Use when the UI has layout or touch…
@educlopezanimate
Motion design pass — adds purposeful animations or removes excessive ones, respecting MOTION_INTENSITY and the project's…
@educlopezaudit
Technical UI audit — a11y, performance, responsive. Produces a prioritized findings table. Invoke when the user asks for audit on…
@educlopezbolder
Amplify personality — raises layout variance and motion, strengthens typography and one signature detail, without slop. Use when…
@educlopezbrief
Write or update the project's durable design brief at .ui-craft/brief.md. Invoke when the user asks for brief on their UI, or…
@educlopezclarify
UX copy review across buttons, errors, empty states, and form hints — critiques by default, applies only on request. Use when…
@educlopezcolorize
Color strategy pass — introduces a single accent at 3-5 intentional placements, or reduces an over-colored UI back to 90%…
@educlopezcraft
One-shot build pipeline for a complete surface from an outcome recipe — inputs (or defaults) → composition → theme → build order…
@educlopezcritique
Design lens critique covering visual hierarchy, clarity, and anti-slop patterns — produces a findings table, no code edits unless…
@educlopezdelight
Delight pass — adds one or two memorable micro-interactions (copy specificity, hover choreography, state transitions, one…
@educlopezdistill
Reduction pass — cuts content, structure, visuals, and dead code that doesn't answer a user question or drive an action,…
@educlopezextract
Refactoring pass — extracts repeated Tailwind class combos and markup into components, and lifts magic values into design tokens.…
@educlopezAgents
2a11y-auditor
AgentAccessibility audit of UI — keyboard navigation, focus-visible, APCA contrast, ARIA roles and labels, touch targets, and…
@educlopezdesign-reviewer
AgentAdversarial design critique on a diff, file, or rendered surface. Use to review UI/design quality or audit a diff/PR for design…
@educlopezCommands
25adapt
CommandResponsive layout pass covering breakpoints, touch targets, safe areas, and fluid type. Use when the UI has layout or touch…
@educlopezanimate
CommandMotion design pass — adds purposeful animations or removes excessive ones, respecting MOTION_INTENSITY and the project's…
@educlopezaudit
CommandTechnical UI audit — a11y, performance, responsive. Produces a prioritized findings table.
@educlopezbolder
CommandAmplify personality — raises layout variance and motion, strengthens typography and one signature detail, without slop. Use when…
@educlopezbrief
CommandWrite or update the project's durable design brief at .ui-craft/brief.md.
@educlopezclarify
CommandUX copy review across buttons, errors, empty states, and form hints — critiques by default, applies only on request. Use when…
@educlopezcolorize
CommandColor strategy pass — introduces a single accent at 3-5 intentional placements, or reduces an over-colored UI back to 90%…
@educlopezcraft
CommandOne-shot build pipeline for a complete surface from an outcome recipe — inputs (or defaults) → composition → theme → build order…
@educlopezcritique
CommandDesign lens critique covering visual hierarchy, clarity, and anti-slop patterns — produces a findings table, no code edits unless…
@educlopezdelight
CommandDelight pass — adds one or two memorable micro-interactions (copy specificity, hover choreography, state transitions, one…
@educlopezdistill
CommandReduction pass — cuts content, structure, visuals, and dead code that doesn't answer a user question or drive an action,…
@educlopezextract
CommandRefactoring pass — extracts repeated Tailwind class combos and markup into components, and lifts magic values into design tokens.…
@educlopezIs this you? Claim your profilePut a plugin at the top of Plugins, from $9