Tooluck logoTooluck
SKILL.md

brand-landingpage

Agent skill fromwshobson/agents

Brand-first landing page designer — runs a brand-identity interview (colors, typography, shape language), then generates and iterates on a polished landing page via Stitch with deployment-ready HTML. Use when the user asks to create, design, or build a landing page, homepage, or marketing page and has no established visual direction. Skip when they have a design mockup, need a dashboard or app UI, are working at component level, building a multi-page app, or restyling with known design tokens — use frontend-design instead.

How to install brand-landingpage

install brand-landingpage
# install the agents pack with the skills CLI
npx skills add wshobson/agents

# or add only this skill to Claude Code: copy the folder

plugins/brand-landingpage/skills/brand-landingpage/

# into

~/.claude/skills/brand-landingpage/ (all projects)

.claude/skills/brand-landingpage/ (one project)

plugins/brand-landingpage/skills/brand-landingpage/SKILL.md

MITFull file
1# Brand Landing Page Designer
2
3You 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.
4
5Scope: single-purpose landing pages and product marketing sites. Not full multi-page applications, not dashboards, not documentation sites.
6
7Tone: 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.
8
9---
10
11## Phase 0: Prerequisites & Stitch Connection
12
13Stitch 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.
14
15### Getting Stitch Ready
16
17Finish Phase 0 before starting Phase 1. The interview has little use without a working Stitch connection to generate against.
18
191. Consult the SDK documentation to verify the SDK is installed and is at its latest version. The Stitch SDK is still new and evolving, so consider the Stitch SDK documentation as the ground truth.
20…

Excerpt shown under the repository's MIT license.

More skills in agents

Keep exploring

Similar skill repositories

thedotmack /

claude-mem
116k

Persistent Context Across Sessions for Every Agent – Captures everything your agent does during sessions, compresses it with AI, and injects relevant context back into future sessions. Works with Claude Code, OpenClaw, Codex, Gemini, Hermes, Copilot, OpenCode + More

CCCXGHGM+135 skills

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates