brand-landingpage

Community

Turn ideas into polished landing pages fast.

AuthorJhabbig
Version1.0.0
Installs0

System Documentation

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.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: brand-landingpage
Download link: https://github.com/Jhabbig/Habbig/archive/main.zip#brand-landingpage

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 536,000+ vetted skills library on demand.