skills.rest
adidacta
adidactaCOMMUNITY
Explore all skills by this author →
GitHub

landing-generator

Generate React and Tailwind CSS landing pages from PMF context files.

18|1|Updated Jan 9, 2026
Search Tags:#automation#web development#landing page#react#tailwind#product marketing
One-click install
npx skills add https://github.com/adidacta/pmf-detective --skill landing-generator
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: landing-generator
Source: https://github.com/adidacta/pmf-detective/tree/main/skills/asset-generators/landing-generator
Command: npx skills add https://github.com/adidacta/pmf-detective --skill landing-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires react, tailwindcss, vite, typescript, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the generation of fully designed, production-ready landing pages based on PMF context files, streamlining marketing and product launch workflows.

Core Features & Use Cases

  • Landing Page Creation: Develop complete React-based landing pages optimized for conversions using PMF data.
  • Design & Content Automation: Generate sections like Hero, Problem, Solution, and Benefits from provided PMF context files.
  • Use Case: A startup wants to quickly build a marketing site focused on demonstrating their value proposition; this Skill translates their PMF insights into a live webpage.

Quick Start

Provide your PMF context files for ICP, value proposition, and MVP to generate the landing page with a single command.

Frequently Asked Questions about landing-generator

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

FAQPage Schema
How do I generate a React landing page from product market fit documentation?▼

You can generate a React landing page by providing PMF context files containing your ICP, value proposition, and MVP documentation to automate the creation of responsive, conversion-optimized sections like Hero and Solution.

Can I build a Tailwind CSS landing page automatically for a startup product launch?▼

Yes, you can build a Tailwind CSS landing page automatically for a startup launch by extracting content from PMF files to generate production-ready layouts with responsive design and persuasive copywriting.

What's the best way to automate conversion-focused landing page creation using TypeScript and Vite?▼

The best way to automate conversion-focused landing page creation with TypeScript and Vite is using PMF context files to generate structured sections like Hero, Problem, Solution, and Benefits with minimal manual input.

Do I need PMF context files to create a high-converting React landing page?▼

Yes, you need PMF context files including ICP, value proposition, and MVP documentation to automatically extract content and generate a high-converting React landing page with best practices in persuasive layout.

What sections are included when automating landing page creation from PMF data?▼

Automating landing page creation from PMF data includes generating sections like Hero, Problem, Solution, and Benefits, ensuring a conversion-focused layout with responsive design and persuasive copywriting.

Can I use this landing page automation for quick prototyping in product marketing campaigns?▼

Yes, this landing page automation is suitable for product marketing campaigns and quick prototyping, allowing product teams to translate PMF insights into a live, responsive webpage with a single command.

Related Skills

Explore More Marketing & Sales Skills→
shawnpangshawnpang
285

landing-page

Audit landing pages and draft conversion-focused copy with a single primary CTA.

Community
Intermediate
tapanshahtapanshah

Landing Page Generator

Generate Next.js/React landing page components with Tailwind CSS and SEO.

Community
Advanced
MolcajeteAIMolcajeteAI
2

vite-configuration

Generate Vite 6.x configuration files for React single-page applications.

Official
Intermediate
UniquecreteUniquecrete

create-site

Create a hosted Zo website from a template with private-by-default publishing.

Community
Intermediate