ui-craft

Catalogue stub — full package: educlopez/ui-craft

Decision tree

Run this before premium UI design work:

Is the package already installed? Check: your agent's skills directory contains ui-craft with content beyond this stub.
- Yes → invoke ui-craft and proceed
- No → go to step 2
Which agent are you on?
- Claude Code → npx skills add educlopez/ui-craft — or send ! npx skills add … as a chat message (add -g for global, omit for project-only)
- Cursor → npx skills add educlopez/ui-craft
- Other → try npx skills add educlopez/ui-craft or follow the GitHub README

Install command

npx skills add educlopez/ui-craft

Invoke after install

Skill name: ui-craft
Trigger phrases: "ui-craft", "anti-slop", "design engineering", "slash commands for design"

What it does

The most comprehensive design engineering skill in the ecosystem: 23 domain references, 18 slash commands, 3 style variants (minimal, expressive, editorial), and a standalone anti-slop CLI detector with 33 rules that flags generic patterns like centered hero sections, Inter-only typography, and 3-column card grids. Produces premium, non-generic UI with opinionated taste baked in.

When NOT to use

Backend, API, or data tasks with no UI component
When you only need a single focused skill (consider taste-skill for lighter touch)