skills.rest
SonPaier
SonPaierCOMMUNITY
Explore all skills by this author →
GitHub

landing-page

Generate a deployable landing page as a single HTML file from a brief.

Updated Aug 23, 2026
Search Tags:#html#deployment#marketing#landing page#tailwind css#web design
One-click install
npx skills add https://github.com/SonPaier/carfect --skill landing-page-sonpaier
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: landing-page
Source: https://github.com/SonPaier/carfect/tree/main/.claude/skills/landing-page
Command: npx skills add https://github.com/SonPaier/carfect --skill landing-page-sonpaier

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates the creation of complete, deployable landing pages from a simple brief, eliminating the need for manual coding and design for marketing or product launch pages.

Core Features & Use Cases

  • Single HTML File Output: Generates a self-contained HTML file with no build step, ready for immediate deployment.
  • Responsive Design & Dark Mode: Includes built-in responsiveness and a three-state dark mode toggle.
  • Semantic HTML & SEO: Ensures accessibility and search engine visibility with proper structure and meta tags.
  • Use Case: Quickly generate a "coming soon" page for a new app, a marketing page for a service, or a simple product launch page with a hero section, features, and a clear call to action.

Quick Start

Use the landing-page skill to generate a marketing page for a new SaaS product called 'CodeFlow' with a value proposition of 'Streamline your development workflow'.

Frequently Asked Questions about landing-page

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

FAQPage Schema
How do I generate a deployable landing page from a text brief?▼

A single-file landing page includes sections like hero, features, social proof, pricing, FAQ, and footer. It is generated from your brief with customizable colors and CTAs to match your marketing goals.

How do I create a responsive landing page with dark mode using HTML?▼

You can create a responsive landing page with dark mode by generating a single HTML file that includes built-in responsiveness and a three-state dark mode toggle, ensuring proper rendering across devices.

Does this landing page generator include semantic HTML5 and SEO meta tags?▼

Yes, the generated landing page includes semantic HTML5 and SEO meta tags. This ensures search engine visibility and accessibility without requiring manual optimization.

Can I build a Tailwind CSS marketing page without a build step?▼

Yes, you can build a Tailwind CSS marketing page without a build step. The tool generates a self-contained HTML file that is ready for immediate deployment, eliminating manual coding and design setup.

What is the best way to make a coming soon page for an app launch?▼

The best way to make a coming soon page is to generate a complete, single-file HTML landing page from a brief. It includes a hero section, clear call to action, and responsive design for immediate deployment.

Do I need to install dependencies to deploy a generated landing page?▼

No, you do not need to install dependencies to deploy the generated landing page. It outputs a self-contained single HTML file with no build step, so you can upload it directly to any hosting platform.

Related Skills

Explore More Design & Creative Skills→
runchr-comrunchr-com

value-prop-statements

Generates targeted value-proposition statements for marketing, sales, and onboarding from existing ones.

Official
Basic
render-ossrender-oss

render-web-services

Configure Render Web Services for port binding, TLS, domains, and health checks.

Official
Advanced
logeshv586-codelogeshv586-code

seo-content-writer

Write SEO-optimized content from topics and keywords with on-page techniques.

Community
Advanced
Arnutt-NArnutt-N

drag-drop

Implement drag-and-drop hooks and UI components for sortable lists, Kanban boards, and file drop zones.

Community
Advanced