npx claudepluginhub ragnar-pwninskjold/tech-snacksThis skill uses the workspace's default tool permissions.
After completing the Site DNA, present ALL 12 questions to the user in a **single message**. Do not proceed to synthesis until you have their answers to all 12.
Generates self-contained developer prompts for UI site replication by embedding Site DNA artifacts and applying 11 synthesis rules to brand interview data.
Interactive wizard guiding frontend design process: discovery questions, trend research, moodboard creation, aesthetic selection, and code generation for production-ready UI.
Generates user-level brand guidelines skill through phased workflow: ingest assets like websites/docs/images, interactive discovery, synthesize identity, output SKILL.md for enforcement. Activates on brand queries.
Share bugs, ideas, or general feedback.
After completing the Site DNA, present ALL 12 questions to the user in a single message. Do not proceed to synthesis until you have their answers to all 12.
Announce: "Phase 1 complete. Moving to Phase 2 — Brand Interview."
Critical rule: Ask all 12 questions at once. Do not drip them one at a time.
Present this exact block verbatim:
I've completed a forensic analysis of the reference site. Before I generate your custom replication prompt, I need to understand your brand and goals. Please answer all 12 questions below — be as specific as possible, as each answer directly shapes the output.
1. PRODUCT IDENTITY What is your product or service in one clear sentence? What industry/category does it live in?
2. AUDIENCE PERSONA Who is your primary target user? Describe their age range, technical sophistication, and one psychographic trait (e.g., "ambitious but time-poor", "skeptical but curious", "aspirational early adopter").
3. BRAND FEELING List exactly 3 adjectives that describe how you want the site to FEEL when someone lands on it. (Examples: "cinematic, clinical, trustworthy" / "playful, warm, bold" / "minimal, precise, premium")
4. COLOR PALETTE Do you have existing brand colors? Provide hex codes if yes. If no, describe the emotional palette you want — or name colors/brands/objects that capture the vibe (e.g., "dark forest + warm terracotta + cream paper").
5. PAGE SECTIONS List every section you want on the page in order. Choose from or add to: Hero, Problem Statement, Features/Benefits, How It Works, Social Proof/Testimonials, Pricing, About/Manifesto, FAQ, CTA Banner, Footer.
6. PRIMARY HEADLINE What is your primary hero headline? (Can be a rough draft.) What's the 1-sentence subheadline?
7. PRIMARY CTA What is the #1 action you want visitors to take? What should the main button say?
8. KEY DIFFERENTIATOR What makes you genuinely different from alternatives? This shapes the copy tone and feature framing throughout.
9. ANIMATION INTENSITY On a scale of 1–5, how much animation/motion do you want?
10. TECH STACK What should the output code use? (e.g., "React + Tailwind + GSAP" / "Vanilla HTML/CSS/JS" / "Vue + Framer Motion"). Any existing component libraries?
11. CONTENT ASSETS Do you have a logo file? Specific photography? Or should the prompt use Unsplash placeholders? If Unsplash, describe the image aesthetic (moody dark? bright minimal? abstract organic?).
12. SECTION MODIFICATIONS Looking at the reference site's sections: for each one, specify whether to:
Also list any sections you want ADDED that don't exist in the reference site.
Confirm you have all 12 answers. If any are missing or too vague to act on, ask for clarification on only those specific questions.
Save output: Write the user's 12 answers (with question labels) to plans/02-brand-interview.md in the current project directory.
When complete: Invoke ui-cloner-synthesis to begin Phase 3.