Skip to content
Back to the feed
● Lab·skill·Public · Mar 12

design-quality-plugin · taste captured once, applied everywhere

A Claude Code plugin that enforces project-specific aesthetic standards across the AI design workflow. Web, iOS, macOS, Android · three presets, one skill, three commands.

SeanSmithDesign / design-quality-pluginMarkdown
fragment · CLAUDE.md design-quality section
## Design Quality
**Active Preset:** clean-functional
**Reference URLs:**
- https://linear.app
- https://mercury.com
**Project Overrides:**
- Accent color: Blue
- Hero headings: Instrument Serif allowed
What it does

Three commands (/design-direction picks an aesthetic preset, /design-brief generates a style brief before coding, /design-review scores six categories 0–100 and offers to auto-fix), one always-on skill that recommends the right command at each stage of the workflow.

Why I built it

Models will happily generate something competent and forgettable. The hard part isn't getting them to write JSX · it's holding them to a specific aesthetic across hundreds of edits. The plugin is the place where my taste gets written down once instead of re-prompted every session.

What I learned

Presets read better than rule lists. 'Refined Minimal · consumer apps, content tools, native Mac/iOS' tells a model more about what to do than thirty bullet points about spacing and elevation. Naming the aesthetic is the work.

Specimen

The artifact is the argument. Words exist only to help you read what the artifact is already saying.

Related in the lab