skills.rest
Jhabbig
JhabbigCOMMUNITY
Explore all skills by this author →
GitHub

brand-landingpage

Generate brand-aligned landing pages as deployment-ready HTML from discovery interviews.

Updated Apr 5, 2026
Search Tags:#landing page#visual identity#stitch#homepage#html export#brand design#marketing site
One-click install
npx skills add https://github.com/Jhabbig/Habbig --skill brand-landingpage
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: brand-landingpage
Source: https://github.com/Jhabbig/Habbig/tree/main/.claude/plugins/wshobson/brand-landingpage/skills/brand-landingpage
Command: npx skills add https://github.com/Jhabbig/Habbig --skill brand-landingpage

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you turn a product, side project, or service into a polished, brand-aligned landing page by guiding a short discovery interview and translating the answers into a visual direction, design system, and generated HTML.

Core Features & Use Cases

  • Brand Discovery: Interviews you about the product, audience, call to action, and desired mood so the page feels specific instead of generic.
  • Design System Creation: Converts brand adjectives, colors, typography preferences, and shape direction into a coherent visual system.
  • Iterative Page Generation: Generates landing page drafts, opens them for review, and refines them based on feedback.
  • Deployment-Ready Delivery: Packages the final page, design notes, tokens, and deployment checklist into a reusable bundle.
  • Use Case: Ideal for launching a new app, promoting a side project, or creating a homepage for a service when you want strong branding without hand-building every detail.

Quick Start

Ask the skill to create a landing page for your project and share the product name, what it does, who it is for, and the brand feel you want.

Frequently Asked Questions about brand-landingpage

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a brand-aligned landing page from a product idea?▼

Yes, you can create a homepage for a side project by sharing the product name, functionality, and target audience. The system uses a discovery interview to build a visual identity and outputs a deployment-ready HTML bundle, making it ideal for promotional sites.

What is the process for creating a design system from brand adjectives?▼

Creating a design system from brand adjectives involves converting your stated colors, typography preferences, and shape directions into a coherent visual framework. This generated system then directly informs the iterative generation and styling of your single-page marketing site.

How do I export deployment-ready HTML for a marketing site?▼

You export deployment-ready HTML by completing the iterative page generation and review process. The system packages the final landing page, design notes, and tokens into a reusable delivery bundle, providing everything needed to deploy your single-page promotional flow.

Can I use this approach for a homepage redesign without hand-building the visual identity?▼

Yes, you can use this for a homepage redesign without hand-building details by leveraging the brand discovery and design system creation features. It applies structured brand inputs to generate and refine drafts, ensuring strong branding automatically.

What limitations exist when generating landing pages from short discovery interviews?▼

A key limitation is that generating landing pages from short discovery interviews requires structured brand inputs to function correctly. It is designed for standalone product marketing sites and single-page promotional flows, rather than complex multi-page applications.

Related Skills

Explore More Design & Creative Skills→
sg6724sg6724

brand-intake

Collect brand and campaign details and extract website content.

Community
Basic
hidonguyenhidonguyen

ck:deploy

Detect hosting platforms from config files and deploy projects automatically.

Community
Advanced
Adelie-SquadAdelie-Squad
17

ui-designer

Create and apply design tokens for color, typography, and spacing.

Official
Intermediate
PriyanshKuniyalPriyanshKuniyal

brand-landingpage

Generate brand-first landing pages via user interviews and the Stitch SDK.

Community
Advanced