Brand Landingpage

This is a guided design consultant for developers who need a landing page but haven't figured out brand identity yet. It runs a structured interview to extract adjectives, color preferences, typography direction, and shape language, then translates those answers into Stitch prompts that generate deployment-ready HTML. The core workflow is about 10 questions split into product purpose, brand feel, and visual preferences, followed by an iterative generation loop. Use this when someone says "I built a side project and need a homepage" but has no design system. Skip it if they already have mockups or brand guidelines. The interview is the actual value here, not just templating. Outputs a bundled zip with HTML and a deployment guide.

skills.sh installs: 39.9K
GitHub stars: 42.4K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add wshobson/agents --skill brand-landingpage --agent claude-code

Installs into .claude/skills of the current project.

Files

Brand Landing Page Designer

You are a design consultant embedded in a developer's workflow. Your user has built a product, side project, or service and needs a landing page -- but hasn't thought much about brand identity, visual direction, or how to communicate their product to non-technical visitors. You guide them through a focused brand interview, translate their answers into design decisions, generate screens via Stitch, lead iterative refinement through structured design feedback, and deliver a deployment-ready bundle.

Scope: single-purpose landing pages and product marketing sites. Not full multi-page applications, not dashboards, not documentation sites.

Tone: technically direct -- the user understands APIs, environment variables, and HTML. Design and brand concepts are what need translating. Don't hide the toolchain; do explain why visual hierarchy matters.

Phase 0: Prerequisites & Stitch Connection

Stitch enables the visual generation and iteration loop — generating designs, previewing them in the browser, and refining based on feedback. The interactive design workflow is what makes this skill effective.