educlopez/ui-craft

1

ui-craft Use for UI design and implementation work to avoid generic AI-looking interfaces.

educlopez/ui-craft

966

2

ui-craft-dense-dashboard Dense dashboard / admin / Bloomberg / Retool / data-heavy internal tools.

educlopez/ui-craft

740

3

audit Technical UI audit — a11y, performance, responsive. Produces a prioritized findings table. Invoke when the user asks …

educlopez/ui-craft

633

4

colorize Color strategy pass — introduces a single accent at 3-5 intentional placements, or reduces an over-colored UI back to…

educlopez/ui-craft

610

5

ui-craft-minimal Minimal / clean / Linear / Notion / Vercel / whitespace-heavy UIs. Locked knobs: CRAFT=8, MOTION=3, DENSITY=2. Monoch…

educlopez/ui-craft

604

6

heuristic Produce a scored heuristic critique of the UI using Nielsen's 10 + 6 design laws + optional persona walkthroughs.

educlopez/ui-craft

596

7

ui-craft-editorial Editorial / magazine / long-form / Medium / Substack / content-heavy UIs. Locked knobs: CRAFT=9, MOTION=4, DENSITY=3.…

educlopez/ui-craft

596

8

shape Wireframe-first pass — outputs an ASCII layout + state list + content inventory + question list before any code.

educlopez/ui-craft

586

9

brief Write or update the project's durable design brief at .ui-craft/brief.md. Invoke when the user asks for brief on thei…

educlopez/ui-craft

570

10

tokens Audit or establish the project's 3-layer token spine. Invoke when the user asks for tokens on their UI, or mentions '…

educlopez/ui-craft

569

11

finalize Pre-ship gate — runs detector, verifies brief and tokens, applies the 10-pass finish bar, ranks findings by feedback …

educlopez/ui-craft

567

12

remember Record a learned design constraint from a correction into the project brief. Invoke when the user asks for remember o…

educlopez/ui-craft

445

13

start Front door. Reads the current project (framework, tokens, brief, spec, harness) and reports what ui-craft can do righ…

educlopez/ui-craft

441

14

sddesign Full spec-driven pipeline — walks brief → tokens → shape (spec) → craft (build) → converge → ship in one guided run.

educlopez/ui-craft

438

15

critique Design lens critique covering visual hierarchy, clarity, and anti-slop patterns — produces a findings table, no code …

educlopez/ui-craft

292

16

adapt Responsive layout pass covering breakpoints, touch targets, safe areas, and fluid type.

educlopez/ui-craft

279

17

typeset Typography pass covering font choice, modular scale, tracking, leading, weight hierarchy, and micro-typography detail…

educlopez/ui-craft

278

18

animate Motion design pass — adds purposeful animations or removes excessive ones, respecting MOTION_INTENSITY and the projec…

educlopez/ui-craft

275

19

clarify UX copy review across buttons, errors, empty states, and form hints — critiques by default, applies only on request.

educlopez/ui-craft

272

20

extract Refactoring pass — extracts repeated Tailwind class combos and markup into components, and lifts magic values into de…

educlopez/ui-craft

266

21

harden Production-readiness pass — audits and implements the full non-happy-path matrix: loading skeletons, empty states, er…

educlopez/ui-craft

266

22

delight Delight pass — adds one or two memorable micro-interactions (copy specificity, hover choreography, state transitions,…

educlopez/ui-craft

265

23

distill Reduction pass — cuts content, structure, visuals, and dead code that doesn't answer a user question or drive an acti…

educlopez/ui-craft

264

24

unhappy State-first design pass — inventories and implements all non-happy states (loading, empty, error, partial, conflict, …

educlopez/ui-craft

258

25

redesign Redesign an existing site or app without losing what already works — audits the current surface first, classifies wha…

educlopez/ui-craft

179

26

craft One-shot build pipeline for a complete surface from an outcome recipe — inputs (or defaults) → composition → theme → …

educlopez/ui-craft

177

27

polish Final craft pass applying the compound details from the polish checklist — micro-typography, spacing rhythm, hover st…

educlopez/ui-craft

177

28

quieter Tone down visual noise — lowers variance and motion, simplifies layout and color weight, keeps hierarchy clear. Use w…

educlopez/ui-craft

171

29

bolder Amplify personality — raises layout variance and motion, strengthens typography and one signature detail, without slo…

educlopez/ui-craft

167

30

friction-log File contributor or agent papercuts as GitHub issues labeled friction, or investigate those issues as the daily frict…

educlopez/ui-craft

25

31

ui-craft-brutalist Brutalist / web 1.0 revival variant of ui-craft tuned for yugonostalgic, Nothing-phone-UI, Swiss-print, terminal-aest…

educlopez/ui-craft

1

32

ui-craft-playful Playful / friendly-pop variant of ui-craft tuned for Clay-like, Gumroad-like, Duolingo-like, and Arc Browser approach…

educlopez/ui-craft

1