Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance. Use when auditing websites for accessibility, fixing WCAG violations, or implementing accessible design patterns.
brand-landingpage
brand-landingpage is an open-source workflow skill for Claude Code and compatible agents, published by wshobson. Its author describes it as: “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…”. The project has 39k stars on GitHub and is available under the MIT license. Add it to your setup with `/plugin marketplace add wshobson/agents`.
What brand-landingpage does
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.
Installation
Add brand-landingpage to your agent with:
/plugin marketplace add wshobson/agentsAlways review a skill's source before installing it. This command comes from the skill's public repository; the linked repo is the source of truth for exact setup steps.
What's inside
The SKILL.md for brand-landingpage is organised into these sections:
- Phase 0: Prerequisites & Stitch Connection
- Getting Stitch Ready
- SDK Usage Notes
- Reference Files
- Workflow Overview
- Phase 1: Brand Interview
- Opening
- Phase A: Product & Purpose
- Phase B: Brand Feel
- Phase C: Visual Preferences
- Image Handling
- Phase 2: Design System Creation
When to use it
Reach for brand-landingpage when you want workflow help from your agent without writing the same instructions every session. Load the skill and the agent picks it up automatically for relevant tasks.
Strengths
- Clear MIT license — safe to read and adapt
- Ships in wshobson/agents, an established project with 38,890 GitHub stars
- Actively maintained (recent commits)
Topics
Frequently asked questions
- What does brand-landingpage do?
- 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 do I install brand-landingpage?
- Run /plugin marketplace add wshobson/agents in your agent, then reload your skills. Review the source at https://github.com/wshobson/agents before installing.
- Is brand-landingpage free to use?
- Yes. brand-landingpage is free and open source under the MIT license, so you can read, run, and adapt it within that license's terms.
- Where does brand-landingpage come from?
- brand-landingpage ships inside wshobson/agents, a repository that contains 54 catalogued skills in total. The repository's 38,890 GitHub stars apply to that whole collection, not to this skill on its own.
Related skills
More Workflow →Coordinate parallel code reviews across multiple quality dimensions with finding deduplication, severity calibration, and consolidated reporting. Use this skill when organizing multi-reviewer code reviews, calibrating finding severity, or consolidating review results.
Debug complex issues using competing hypotheses with parallel investigation, evidence collection, and root cause arbitration. Use this skill when debugging bugs with multiple potential causes, performing root cause analysis, or organizing parallel investigation workflows.
Coordinate parallel feature development with file ownership strategies, conflict avoidance rules, and integration patterns for multi-agent implementation. Use this skill when decomposing a large feature into independent work streams, when two or more agents need to implement different layers of the same system simultaneously, when establishing file ownership to prevent merge conflicts in a shared codebase, when designing interface contracts so parallel implementers can build against each other's APIs before they are ready, or when deciding whether to use vertical slices versus horizontal layers for a full-stack feature.
Decompose complex tasks, design dependency graphs, and coordinate multi-agent work with proper task descriptions and workload balancing. Use this skill when breaking down work for agent teams, managing task dependencies, or monitoring team progress.