landing-page-design

Automate domain-driven landing-page design from discovery to deployment handoff.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill guides AI agents to design landing pages that are domain-appropriate, using up-to-date component registries and tokens rather than generic templates, ensuring the final site aligns with brand and user intent.

Core Features & Use Cases

  • Domain-first routing and planning that adapts to the target domain (medical, SaaS, agency, e-commerce, portfolio, restaurant, nonprofit, local service, crypto, real estate).
  • Live registry discovery to surface current shadcn-compatible libraries, tokens, and patterns, with liveDocs checks.
  • Phase-by-phase workflow from domain → single-page vs multi-page → section list → content anatomy → components → assets → design tokens → build → llms.txt → handoff.
  • Coherence-first design tokens defined before any component install to ensure consistent visuals across libraries.
  • AI handoff outputs including automatic llms.txt generation and deployment/SEO handoff guidance.

Quick Start

Provide a domain brief and let the agent execute the full phase-by-phase workflow.

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 matches my specific industry domain?

To design a domain-appropriate landing page, this workflow routes planning by industry—medical, SaaS, agency, e-commerce, or restaurant—adapting section lists, content anatomy, and component choices to match specific brand intent and user expectations.

What is the step-by-step workflow for planning landing page sections and content?

The landing page design workflow progresses phase-by-phase from domain selection to single vs multi-page decisions, section listing, content anatomy mapping, component scoping, design token definition, and concluding with build and deployment handoff.

How do design tokens ensure visual consistency when using multiple component libraries?

Design tokens ensure visual consistency across multiple component libraries by establishing a coherence-first token system before installing any components, creating a unified visual language that governs all subsequent multi-library styling decisions.

Can I use shadcn-compatible libraries and still maintain a custom design system?

Yes, you can use shadcn-compatible libraries while maintaining a custom design system by using live registry discovery to source current libraries, then enforcing your predefined design tokens to ensure visual coherence across all installed components.

Does this landing page workflow generate an llms.txt file for AI handoff?

Yes, the landing page workflow automatically generates an llms.txt file during the handoff phase, providing it alongside deployment and SEO guidance to ensure AI agents can process and continue the project seamlessly.

When should I choose a single-page layout over a multi-page landing page structure?

You choose a single-page or multi-page landing page structure during the early phase-by-phase workflow, right after domain selection, which then routes subsequent section list, content anatomy, and component scoping steps to match your project scope.