interview
Skill1 starsChanged 17 days agoMITView on GitHub
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.
100 other projects use a version of this.
Adopted by
Most recently taken up by
- 8529398670/Claude-Skillstheir own version, first seen Nov 15, 2026
- theviderlab/tailored-cvtheir own version, first seen Nov 15, 2026
- Soe-Reh/soes-skillstheir own version, first seen Nov 15, 2026
- andymai/skillstheir own version, first seen Nov 15, 2026
- felipeam86/pipe-skillstheir own version, first seen Nov 15, 2026
- chrisdesmondSML/chris-skillstheir own version, first seen Nov 8, 2026
Used with
Projects with it also use fetch-library-docs, contributor and 10 more.
Other files people use alongside this one.
Files found in the same public projects as a version of this one, more often than they turn up anywhere else. Each project counts once, large collections count for less, and this file's own repository is left out.
Rehan-Ul-HaqSkillfetch-library-docs
Fetches official documentation for external libraries and frameworks (React, Next.js, Prisma, FastAPI, Express, Tailwind, MongoDB, etc.) with 60-90% token savings via content-type filtering. Use this skill when implementing features using library APIs, debugging library-specific errors, troubleshooting configuration issues, installing or setting up frameworks, integrating third-party packages, upgrading between library versions, or looking up correct API patterns and best practices. Triggers automatically during coding work - fetch docs before writing library code to get correct patterns, not after guessing wrong.
Also in 4 projects that use this
NimbleBrainIncSkillcontributor
Get started contributing to NimbleBrain open source — find an integration to build, set up your environment, propose an idea, or check on your work. Use when onboarding as a contributor. Triggers include "I'm a new contributor", "what should I build", "show me open issues", "file an issue".
Also in 3 projects that use this
mjunaidcaSkillbrowsing-with-playwright
Browser automation using Playwright MCP. Navigate websites, fill forms, click elements, take screenshots, and extract data. Use when tasks require web browsing, form submission, web scraping, UI testing, or any browser interaction. NOT when only fetching static content (use curl/wget instead).
Also in 4 projects that use this
qa-amanSkillteach-me
Teach a topic, video, article, codebase change, spec, or transcript until the user demonstrably understands it, using staged instruction, a running checklist doc, and quizzes. Use whenever the user says "teach me", "explain this in detail", "help me understand X", "/teach-me", "walk me through this", "I want to learn X", "understand this deeply", or pastes a YouTube URL, article, paper, PR, or spec and asks to understand it rather than summarize it. Also use when the user wants study notes or raw material from a source they are learning. Do NOT use for a quick factual lookup, a summary request, or when the user just wants the answer.
Also in 8 projects that use this
trebaudSkillfind-unknowns
Workflow for surfacing a task's unknowns before, during, and after implementation — blind spot pass, brainstorm/prototype, interview, references, implementation plan, deviation notes, quiz. Use when starting work in an unfamiliar domain or codebase, when a task feels underspecified, when the user says "find my unknowns", "blindspot pass", "what am I missing", "help me scope this", or when a long task came back wrong.
Also in 3 projects that use this
donatassimkusSkilloffer
Offer design, pricing strategy, and business model architecture. Invoke when asked about making an offer better, pricing a product or service, naming an offer, raising prices, generating fast cash, increasing lifetime value, finding the right customer, qualifying buyers, or designing a business model where customers pay for their own acquisition. Use when someone says their offer isn't converting, they need to charge more, they want to add bonuses or guarantees, or they need a money model for their business.
Also in 3 projects that use this
Other versions100 projects use a version of this.
Word for word · 0
None found.
Edited · 0
None found.
Wrote their own version · 100
- claude-code-best/claude-code★ 23ksame name
- Q00/ouroboros★ 6.3ksame name
- Hisn00w/ASu-skills★ 6.1ksame name
- boshu2/agentops★ 453same name
- genkovich/sdd★ 187same name
- jvm-skills/jvm-skills★ 140same name
- kv0906/pm-kit★ 138same name
- tobieapb/claude-interactive-documentation-workflow★ 105same name
- panaversity/claude-code-skills-lab★ 57same name
- roman01la/skills-agents★ 48same name
90 more not listed
How matches are found. Word for word: the exact same text. Edited: shares passages with this file (“99% same” means 99% of its five-word phrases also appear here; 10% or more counts). Their own version: similar meaning, or, weakest, the same name. We can’t tell which project had it first. Projects are counted among the 200 most-starred candidates, and mentions are links to the repository we found, up to 50 per site, so both counts are a floor.
The file
We split this skill into the rules it gives an agent
4 rules. 0 are common, 2 are distinctive, and 2 are very specific to this project.
0
Common
Most of the 85 edited versions we read keep these.
2
Distinctive
This author's own choices. Worth a look.
2
Very specific
Tied to their project's names, files or tools. Probably skip.
- Common
- Distinctive
- Very specific
- Distinctive: line 12
Read first, in full:
- Very specific: line 14
All four files in ${CLAUDE_PLUGIN_ROOT}/examples/lanes/ — calibration for what "complete and coherent" means.
- Very specific: line 20
Ask one question at a time (use AskUserQuestion with options where natural).
- Distinctive: line 45
Do/Don't list (5+5) in implementable CSS terms.
“Common” is measured: kept by at least 6 in 10 of the 85 edited versions of this file we could read. “Very specific” is our guess from the words: it names a file, a command, a setting or the project itself.
Files
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:
- Brand name + one-line purpose (free text)
- The visitor: describe one real person who should love this site
- Three mood words (offer contrasting example trios, e.g. "calm/clinical/premium" vs "loud/raw/confident" vs "neon/futuristic/precise" — plus free text)
- 2–3 reference sites they admire, and what specifically about each
- Light, dark, or both
- Color temperature: warm / cool / neutral — or locked brand colors (hex) if they exist
- Motion appetite: calm / standard / cinematic
- 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 inrules/lane-synthesis.md- The tokens block inside it:
:rootCSS variables + matching Tailwind config mapping, ready to paste
Then point the user to /unslop:retheme.
Does it work?
Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.
No reviews yet
People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.
- It worked
- Partly
- It didn't
Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.
Your trail
Files you open will collect here, so you can find them again.
Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.
Now do this for your own.
Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.