superdesign
Installation
SKILL.md
/superdesign - intent-driven elegance
Intent -> trend-aware direction that fits -> elegant UI -> verified against a deterministic anti-slop gate. One-line CSS tweak: skip this skill, edit directly.
Core principles
- Elegance is baseline, not padding. Polished = correct, not extra credit.
- Read intent first. Design to the brief (kind, audience, brand, constraints), never to a default template.
- Trend-aware != trend-chasing. Apply only trends that serve the intent. Record the trend read, dated.
- Anti-slop enforced, not eyeballed. Every surface passes
anti-slop-gate.mjs+ contrast gate. Designer never self-approves. - Diverse by intent. Route to the aesthetic family + medium that fit; no single house style.
- Self-contained + graceful fallback. Asset/trend tooling degrades: works without Stitch/gpt-image-2/WebSearch; missing tools -> documented placeholder + baked snapshot, never faked assets or invented data. Rendered verification is the one hard dependency: build modes render with
playwright-cli(the only render driver,reference/playwright-cli.md); if it cannot be installed, STOP and ask - never substitute a headless render. - Verify vs ground truth. Run the static gate AND render the built surface with
playwright-cli, honor reduced-motion + WCAG AA, report what passed with command output. - Hard stops. External publish (deploy/push/post) or destructive steps need explicit consent; ambiguous brief -> one question (non-interactive run: conservative read, assumption logged in the brief, proceed).