npx claudepluginhub adidacta/pmf-detective --plugin pmf-detectiveThis skill is limited to using the following tools:
Generate a complete, production-ready landing page based on the user's PMF context layer.
Generates high-converting Next.js/React landing pages with Tailwind CSS using PAS, AIDA, BAB copy frameworks for heroes, features, pricing, FAQ, testimonials, CTA, and footer sections. Optimizes for SEO and Core Web Vitals.
Generates landing page content from PRD: hero section, features, social proof, CTAs, SEO meta tags, A/B headlines. Scaffolds pages for Astro or Next.js stacks.
Designs and builds high-converting landing pages for product launches with hero sections, SEO, waitlists, urgency mechanics, and developer-first patterns. Useful for launch, feature, signup, or marketing pages.
Share bugs, ideas, or general feedback.
Generate a complete, production-ready landing page based on the user's PMF context layer.
This page has one job — get the visitor to click the CTA. Every section exists to move them closer to that action. The CTA from pmf/value-prop.md is the validation goal — conversions on this page are the signal that tests whether the value prop is working.
Visual design:
Persuasive copy:
pmf/icp.mdConversion focus:
Requires the PMF context layer:
pmf/icp.md - Who the customer ispmf/value-prop.md - Why they should care (Callout + Magnet + Message)pmf/mvp.md - MVP PRD with aha moment and path to highlightIf any are missing, inform the user:
To generate a landing page, I need your PMF context layer.
Missing:
[ ] pmf/icp.md
[✓] pmf/value-prop.md
[ ] pmf/mvp.md
Use /plan-pmf to build your context layer first.
Generate these sections using the PMF context:
pmf/value-prop.mdpmf/value-prop.mdpmf/value-prop.mdpmf/icp.md "How They Talk About It"pmf/value-prop.md — the desired futurepmf/mvp.md as benefit headlines (what the user gets at each step, not how it works)pmf/icp.md, frame benefits around their KPIs (e.g., "Cut deployment time by 50%" rather than "Deploy faster")pmf/mvp.mdpmf/value-prop.mdpmf/value-prop.mdThe index.html must include:
<meta name="description"> — derived from "The Message" in pmf/value-prop.md<meta property="og:title"> — product name + headline<meta property="og:description"> — "The Message" from pmf/value-prop.md<meta property="og:type" content="website"><meta property="og:image"> — placeholder path (e.g., /og-image.png) with a comment to replace<meta name="twitter:card" content="summary_large_image"><meta name="twitter:title"> and <meta name="twitter:description"> — same as OGlanding/
├── src/
│ ├── App.tsx
│ ├── main.tsx
│ └── index.css
├── index.html
├── package.json
├── vite.config.ts
├── tsconfig.json
├── tailwind.config.js
├── postcss.config.js
└── README.md
Read PMF context files:
pmf/icp.md (required)pmf/value-prop.md (required)pmf/mvp.md (required — MVP PRD with aha moment and path)Extract content for each section:
Generate component files with real content
Create package.json with dependencies
Create Tailwind config
Generate README with run instructions
Your landing page has been generated in the `landing/` folder.
**To run locally:**
cd landing
npm install
npm run dev
**To deploy:**
- Push to GitHub
- Connect to Vercel
- Auto-deploy on every push
The page uses your PMF context:
- ICP from pmf/icp.md
- Value Prop (Callout + Magnet) from pmf/value-prop.md
- MVP PRD (Path to Aha + features) from pmf/mvp.md
Feel free to customize the design and copy!
Created by Adi Shmorak, The P/MF Detective
Star on GitHub: github.com/adidacta/pmf-detective
Created by Adi Shmorak, The P/MF Detective Star on GitHub if this helped | Feedback: adi@adidacta.com