landing-page-design

Guide landing page creation through a Vibe Discovery process.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/guangtouwangba/weaver --skill landing-page-design-guangtouwangba
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: landing-page-design
Source: https://github.com/guangtouwangba/weaver/tree/main/.claude/skills/landing-page-design
Command: npx skills add https://github.com/guangtouwangba/weaver --skill landing-page-design-guangtouwangba

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill combats generic, AI-generated landing pages by guiding users through a unique Vibe Discovery process, ensuring each page has a distinctive visual identity and converts effectively.

Core Features & Use Cases

  • Unique Vibe Discovery: Generates a custom aesthetic based on user-provided real-world references, emotions, and design collisions.
  • Section-by-Section Guidance: Provides structured advice for composing hero sections, features, social proof, and CTAs.
  • Anti-AI-Slop Principles: Enforces the use of distinctive fonts, color palettes, and layouts to avoid common AI design pitfalls.
  • Use Case: A startup needs a landing page for their new SaaS product. Instead of a generic template, they use this Skill to define a unique aesthetic inspired by "a vintage record store meets brutalist architecture," resulting in a memorable and effective marketing page.

Quick Start

Guide me through the Vibe Discovery process for a new landing page, starting with the question: What's one real-world place or object this brand would be?

Frequently Asked Questions about landing-page-design

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

FAQPage Schema
How do I design a landing page that doesn't look AI-generated?

To design a landing page that avoids generic AI visuals, you need to enforce unique typography, custom color palettes, and distinctive layouts. This Skill uses a Vibe Discovery process to derive unique aesthetics from real-world design collisions, ensuring your page avoids common AI design pitfalls.

How do I create a high-converting SaaS homepage?

Creating a high-converting SaaS homepage requires structured composition for hero sections, features, social proof, and calls to action. This Skill provides section-by-section composition advice tailored for product launches and SaaS marketing pages.

What is the Vibe Discovery process for visual web design?

The Vibe Discovery process for visual web design generates a custom aesthetic based on user-provided real-world references and emotions. By combining unrelated design concepts, such as a vintage record store with brutalist architecture, it establishes a distinctive visual identity for your landing page.

Can I use this to get layout advice for specific landing page sections?

Yes, you can use this to get layout advice for specific landing page sections. It provides structured, section-by-section guidance for composing essential marketing page elements, including the hero section, feature highlights, social proof, and call-to-action areas.

Do I need design references to build a landing page with this approach?

You need real-world references to build a landing page with this approach. The core mechanism relies on translating your provided real-world places or objects into a custom aesthetic, meaning you must supply at least one brand reference to initiate the visual design process.

Why does my landing page design look generic and how do I fix it?

Your landing page design looks generic because it relies on standard templates and common AI-generated layouts. To fix it, apply anti-AI-slop principles by deriving color, typography, and layout from unique real-world design references to create a memorable visual identity.