/interview
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.
- Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.
- You can call itInvoke it directly when you want it.
- Slash command
/interview
Context 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
SKILL.md
interview.SKILL.mdname: 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.
Design Interview → Lane Synthesis
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:
- `${CLAUDE_PLUGIN_ROOT}/rules/lane-synthesis.md` — the synthesis rules (binding)
- All four files in `${CLAUDE_PLUGIN_ROOT}/examples/lanes/` — calibration for what
"complete and coherent" means. **Never copy one**; the synthesized lane must differ from every example in at least identity, palette, and type pairing.
The interview
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
Synthesis
Apply `${CLAUDE_PLUGIN_ROOT}/rules/lane-synthesis.md` steps 1–9 in order. Sharp edges to respect:
- Identity sentence uses two concrete physical places/objects. "Modern and clean" is banned.
- Exactly 4 palette roles with exact hex; one accent; AA contrast between Ink and
both surfaces (verify arithmetic, don't eyeball).
- 3 type slots, max 3 weights total, real Google Fonts, stated scale.
- One signature texture; one signature moment derived from the brand's actual
subject matter (not copied from an example lane).
- Do/Don't list (5+5) in implementable CSS terms.
- 3–5 acceptance checks verifiable from a screenshot or script.
Approval gate
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:
- `unslop/LANE.md` — using the output format in `rules/lane-synthesis.md`
- The tokens block inside it: `:root` CSS variables + matching Tailwind config
mapping, ready to paste
Then point the user to `/unslop:retheme`.
Read more
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.
Design Interview → Lane Synthesis
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:
- `${CLAUDE_PLUGIN_ROOT}/rules/lane-synthesis.md` — the synthesis rules (binding)
- All four files in `${CLAUDE_PLUGIN_ROOT}/examples/lanes/` — calibration for what
"complete and coherent" means. **Never copy one**; the synthesized lane must differ from every example in at least identity, palette, and type pairing.
The interview
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
Synthesis
Apply `${CLAUDE_PLUGIN_ROOT}/rules/lane-synthesis.md` steps 1–9 in order. Sharp edges to respect:
- Identity sentence uses two concrete physical places/objects. "Modern and clean" is banned.
- Exactly 4 palette roles with exact hex; one accent; AA contrast between Ink and
both surfaces (verify arithmetic, don't eyeball).
- 3 type slots, max 3 weights total, real Google Fonts, stated scale.
- One signature texture; one signature moment derived from the brand's actual
subject matter (not copied from an example lane).
- Do/Don't list (5+5) in implementable CSS terms.
- 3–5 acceptance checks verifiable from a screenshot or script.
Approval gate
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:
- `unslop/LANE.md` — using the output format in `rules/lane-synthesis.md`
- The tokens block inside it: `:root` CSS variables + matching Tailwind config
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
Other skills on unslop.
- /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 AI-generated", "looks generic", "feels off", asks "why is my site ugly", or wants a design audit/score before improving it.
Open skill - /retheme
Systematically apply an approved design lane (LANE.md) to a React + Tailwind site — tokens first, then section-by-section, with build + screenshot verification after every pass. Use when the user says "retheme", "apply the lane", "make it match the design", or after
Open skill

