Brand Landingpage
技能 已验证 活跃Brand-first landing page designer — interviews the user to discover brand identity (adjectives, colors, typography, shape language), then generates and iterates on a polished landing page via Stitch with deployment-ready HTML output. Preferred over frontend-design for standalone landing/marketing pages where the user hasn't established visual direction yet. TRIGGER when: user asks to "create/design/build a landing page", "make a homepage for my project/product/service", "build a marketing page", or wants to promote an app/side project. Especially when they haven't defined brand colors, fonts, or visual style — the guided brand interview is the core value. DO NOT TRIGGER when: user has a specific design mockup to implement, wants a dashboard or app UI, needs component-level frontend work (buttons, forms, navbars), is building a multi-page application, or is restyling an existing page with known design tokens. Use frontend-design for those cases.
To provide users with a polished, brand-aligned landing page for their projects without requiring design expertise, streamlining the initial marketing presence.
功能
- Guided brand identity interview
- Automated landing page generation via Stitch SDK
- Iterative design refinement through feedback
- Deployment-ready HTML output bundle
- Generated design system documentation
使用场景
- Creating a landing page for a new product or service
- Building a marketing page for a side project or app
- Establishing initial visual direction when brand identity is undefined
- Generating a standalone page to promote an event or initiative
非目标
- Designing complex multi-page applications or dashboards
- Implementing specific design mockups or component-level work
- Restyling existing pages with known design tokens
- Generating interactive or animated web elements
安装
请先添加 Marketplace
/plugin marketplace add wshobson/agents/plugin install brand-landingpage@claude-code-workflows质量评分
已验证类似扩展
Type Audit
100Typography-only audit covering font selection, type scale, readability, hierarchy, performance
Component Audit
100Component consistency audit covering state coverage, hierarchy, patterns
Impeccable
99当用户希望设计、重新设计、塑造、批评、审计、打磨、澄清、提炼、加固、优化、改编、动画化、着色、提取或以其他方式改进前端界面时使用。涵盖网站、登陆页面、仪表板、产品 UI、应用外壳、组件、表单、设置、入职流程和空状态。处理用户体验审查、视觉层次、信息架构、认知负荷、可访问性、性能、响应行为、主题化、反模式、排版、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边缘情况、i18n 以及可复用的设计系统或令牌。也适用于需要从平淡变得更大胆或更令人愉悦的设计，需要变得更安静的醒目设计，对 UI 元素的实时浏览器迭代，或应该感觉技术上非凡的雄心勃勃的视觉效果。不适用于仅限后端或非 UI 任务。
Performance
99优化网站性能，实现更快的加载速度和更好的用户体验。当用户要求“加速我的网站”、“优化性能”、“减少加载时间”、“修复加载缓慢”、“提升页面速度”或“性能审计”时使用。
Project Session Manager
100Worktree-first dev environment manager for issues, PRs, and features with optional tmux sessions
Public Google Drive
100无需 OAuth 即可创建公开的 Google Docs 或 Google Sheet 文件。使用此技能创建和编辑 Google Docs 和 Sheets，无需登录 Google。文档可通过共享链接查看。首次使用时自动注册。