Interface craft gate
Make interface craft a required design-agent gate before and after UI changes.From its SKILL.md
npx -y skills add sarveshsea/design-skills --skill interface-craft-gateAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 6 stars6 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
SKILL.md
1.6 KB, 361 tokens by cl100k_base, as published. Nobody here has run it
Interface Craft Gate
Use this Note when UI work needs design craft, not only functional correctness.
Required local evidence
memi agent brief . --intent "Improve this interface" --json
memi diagnose .
memi ux audit . --json
memi craft audit . --json
memi tokens --from ./src --report
If a running route or screenshot is available, audit that surface too:
memi diagnose http://localhost:3000
memi ux audit http://localhost:3000 --json
memi craft audit http://localhost:3000 --json
Craft dimensions
Review these before patching:
- focusing mechanism: what the user sees and does first
- visual weight: contrast, density, and priority
- typographic hierarchy: type scale, weight, line length, and scan order
- spacing rhythm: repeated layout gaps and component padding
- color intentionality: semantic color use, states, and token fit
- component cohesion: variants, radius, strokes, icons, and shared anatomy
- responsive resilience: breakpoints, overflow, touch context, and long content
- user context care: stakes, confidence, recovery, and time pressure
Patch rule
Do not describe a UI as polished unless the handoff names:
- the evidence commands run,
- the craft dimensions that changed,
- the Atomic Design level touched,
- the shadcn/Tailwind primitives reused,
- the verification command that should run next.
Sources
What ships with it: 1 file
941 B alongside SKILL.md
- note.json941 B