1. Run Primitive
Invoke /check-landing skill to get prioritized findings.
2. Fix Priority Order
Fix in this order:
- P0: No landing page, redirects to app
- P1: No value prop, no CTA, weak CTA, mobile broken, slow
- P2: No social proof, single CTA, missing metadata
- P3: Polish items
3. Execute Fix
No landing page (P0):
Create app/page.tsx or app/(marketing)/page.tsx with:
- Hero section with headline
- Feature highlights
- Call-to-action
- Social proof section
No clear value prop (P1):
Add compelling headline:
```tsx
[Verb] your [noun]. [Benefit] in [timeframe].
[Product] helps you [primary benefit] without [common pain point].
```
Examples:
- "Track your fitness. See results in weeks."
- "Write better code. Ship faster with confidence."
- "Manage your team. Focus on what matters."
No CTA or weak CTA (P1):
Add strong CTA:
```tsx
href="/signup"
className="bg-primary text-white px-8 py-4 rounded-lg text-lg font-semibold"
>
Start Free Trial β
```
CTA best practices:
- Action-oriented: "Start", "Get", "Try", "Create"
- Specific: "Start Free Trial" not "Submit"
- Visible: High contrast, above fold
- Multiple: Above fold + below fold
Mobile broken (P1):
Add responsive classes:
```tsx
```
Add mobile menu.
Slow load time (P1):
- Use
next/image for images - Use
next/font for fonts - Remove heavy client-side libraries from landing
- Ensure page is statically generated
No social proof (P2):
Add testimonials section:
```tsx
What our users say
"Quote from happy user"
Name, Title at Company
```
4. Expert Panel Review (MANDATORY)
Before returning fix to user, run expert panel review.
See: ui-skills/references/expert-panel-review.md
- Simulate 10 world-class advertorial experts (Ogilvy, Rams, Scher, Wiebe, Laja, Walter, Cialdini, Ive, Wroblewski, Millman)
- Each expert scores the fixed section 0-100 with specific feedback
- Calculate average score
- If average < 90: Implement highest-impact feedback, iterate
- If average β₯ 90: Proceed to verification
Example review output:
```markdown
Expert Panel Review: Hero Section Fix
| Expert | Score | Critical Improvement |
|--------|-------|---------------------|
| Ogilvy | 85 | Lead with user benefit, not feature |
| Wiebe | 82 | CTA needs specificity ("Start Free Trial" not "Get Started") |
| Laja | 78 | Add social proof above fold |
| Cialdini | 84 | Include urgency element |
...
Average: 84.5 β β Implementing top 4 improvements...
```
Do not proceed until 90+ average achieved.
5. Verify
After fix passes expert review:
```bash
# Check headline exists
grep -E "text-(4xl|5xl|6xl)" app/page.tsx
# Check CTA exists
grep -E "Start|Get Started|Try|Sign Up" app/page.tsx
# Check mobile responsiveness
grep -E "sm:|md:|lg:" app/page.tsx | head -5
# Check performance (if lighthouse CLI available)
lighthouse http://localhost:3000 --only-categories=performance
```
6. Report
```
Fixed: [P1] No clear value proposition
Updated: app/page.tsx
- Added hero section with headline
- Added sub-headline explaining benefit
- Added supporting visual
Copy:
- Headline: "Track your fitness journey. See results in weeks."
- Sub: "Volume helps you build consistent habits without complicated tracking."
Next highest priority: [P1] No CTA button
Run /fix-landing again to continue.
```