设计与多媒体

brand-landingpage

wshobson/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.

  • 4万 次安装
  • 4.2万 星标
  • 收录于

安装命令

npx skills add https://github.com/wshobson/agents --skill brand-landingpage

要点

Brand-first landing page designer that interviews your brand identity, then generates and iterates on deployment-ready HTML.

  • Runs a focused three-part brand interview (product purpose, brand adjectives, visual preferences) before any design work, translating answers into a design system for Stitch
  • Generates desktop and mobile landing pages via Stitch, then leads iterative refinement through structured feedback loops with targeted edits, variant exploration, and version rollback
  • Handles image descriptions and asset management without requiring direct image uploads; saves all project state to .stitch/metadata.json for session resumption
  • Delivers a bundled zip with final HTML, design documentation, color tokens, and deployment checklist ready for immediate hosting

SKILL.md

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.

Getting Stitch Ready

Finish Phase 0 before starting Phase 1. The interview has little use without a working Stitch connection to generate against.