Brand Landing Page

Brand Landing Page is a Frontend skill for Claude Code, published by wshobson in agents.

38.8K stars4.1K forkson wshobson/agentsAdded 2026/08/13Repository updated 2026/08/05

agent-skillsagentic-aiagentsai-agentsanthropicautomationclaude-codeclaude-code-pluginscodex-clicopilotcursorcursor-rulesdeveloper-toolsgemini-climcpmulti-agentopencodeorchestrationprompt-engineeringworkflows

Install in seconds

Install Brand Landing Page

Copy Brand Landing Page into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/wshobson/agents/tree/main/plugins/brand-landingpage/skills/brand-landingpage ~/.claude/skills/brand-landingpage

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/wshobson/agents.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: plugins/brand-landingpage/skills/brand-landingpage/SKILL.md in wshobson/agents
Installs to: ~/.claude/skills/brand-landingpage
Collection: One of 25 skills cataloged from this repository
Category: Frontend — 567 skills

What Brand Landing Page does

Brand Landing Page runs a brand-identity interview covering colors, typography, and shape language, then generates and iterates on a polished landing page via Stitch with deployment-ready HTML. Use it when building a landing page, homepage, or marketing page without an established visual direction.

Brand Landing Page is cataloged under Frontend on DirSkills. Brand Landing Page comes from a repository tagged agent-skills, agentic-ai, agents, ai-agents and anthropic.

Documentation

README

Excerpt

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.

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Brand Landing Page

What else does wshobson publish alongside Brand Landing Page?
Brand Landing Page is one of 25 skills that DirSkills catalogs from wshobson/agents, the repository it ships in. Its siblings there include API Design Principles, Architecture Patterns and Before You Build. Each one is a separate skill with its own page in this directory, installs the same way Brand Landing Page does, and is maintained by wshobson in that same repository. The rest of the collection is listed on the wshobson/agents page.
How does Brand Landing Page compare to other Frontend skills?
Brand Landing Page ranks #63 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Brand Landing Page against them. Open each page to compare what they document and how they install.