audit
Score an existing React + Tailwind site against the anti-slop checklist and produce DESIGN-AUDIT.md with evidence. Use when the user says their site "looks…
Interview the user about taste, brand, and audience, then synthesize a custom design lane (LANE.md + tokens) for their React + Tailwind site. Use when the user wants a design direction, says "make it look premium/professional/not AI-generated", or after /unslop:audit before any
$ npx -y skills add aahil62/unslop --skill interview --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/interviewContext preview
The summary Claude sees to decide when to auto-load this skill.
Interview the user about taste, brand, and audience, then synthesize a custom design lane (LANE.md + tokens) for their React + Tailwind site. Use when the user wants a design direction, says "make it look premium/professional/not AI-generated", or after /unslop:audit before any
name: interview description: Interview the user about taste, brand, and audience, then synthesize a custom design lane (LANE.md + tokens) for their React + Tailwind site. Use when the user wants a design direction, says "make it look premium/professional/not AI-generated", or after /unslop:audit before any re-theming. No code changes — output is the approved LANE.md.
Turn the user's taste into a locked, custom design lane. No two runs should produce the same lane. **No code is modified** — the deliverable is an approved `unslop/LANE.md` plus a ready-to-paste tokens block.
Read first, in full:
"complete and coherent" means. **Never copy one**; the synthesized lane must differ from every example in at least identity, palette, and type pairing.
Ask **one question at a time** (use AskUserQuestion with options where natural). Skip anything already answered by the conversation, the audit report (`unslop/DESIGN-AUDIT.md`, if present), or visible brand assets in the repo. Required inputs:
1. Brand name + one-line purpose (free text) 2. The visitor: describe one real person who should love this site 3. Three mood words (offer contrasting example trios, e.g. "calm/clinical/premium" vs "loud/raw/confident" vs "neon/futuristic/precise" — plus free text) 4. 2–3 reference sites they admire, and *what specifically* about each 5. Light, dark, or both 6. Color temperature: warm / cool / neutral — or locked brand colors (hex) if they exist 7. Motion appetite: calm / standard / cinematic 8. Content density: airy / balanced / dense
Apply `${CLAUDE_PLUGIN_ROOT}/rules/lane-synthesis.md` steps 1–9 in order. Sharp edges to respect:
both surfaces (verify arithmetic, don't eyeball).
subject matter (not copied from an example lane).
Present the lane as a short pitch: identity sentence, palette swatches (hex + role), type pairing, the signature moment — then ask the user to approve, tweak, or re-roll (a meaningfully different lane from the same answers). Iterate until approved. **Only after explicit approval**, write:
mapping, ready to paste
Then point the user to `/unslop:retheme`.
The rescue tool for sites you already built. Audit → interview → re-theme an existing React + Tailwind site into a custom identity — verified at every step, without breaking your build. Most design skills generate new UI or lint one dimension of it.
Repo: aahil62/unslop
Score an existing React + Tailwind site against the anti-slop checklist and produce DESIGN-AUDIT.md with evidence. Use when the user says their site "looks…