UI Craft

ui-craft

Catalogue stub — full package: educlopez/ui-craft

Decision tree

Run this before premium UI design work:

1. 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

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)