Post-Development Skill

When to Use

• Preparing an application for launch
• Creating marketing materials for an app
• Generating SEO data for public pages
• Creating personas and marketing strategies
• Generating social media ads
• Writing showcase articles
• Designing landing pages

Capabilities

1. Project Analysis

• Detect project type and tech stack
• Discover public routes
• Extract product information from docs

2. SEO Analysis (

/pd-seo

)

• Generate meta tags for all pages
• Create keyword strategies
• Produce Open Graph specifications
• Generate sitemap

3. Screenshot Capture (

/pd-screenshots

)

• Capture all public pages
• Multiple viewports (desktop, tablet, mobile)
• Light and dark mode
• Focus on key sections

4. Persona Creation (

/pd-personas

)

• Create detailed buyer personas
• Develop marketing strategies
• Generate CTAs for all channels

5. Ad Generation (

/pd-ads

)

• Instagram, Facebook, LinkedIn, Twitter
• Multiple ad formats per platform
• A/B variations

6. Article Writing (

/pd-articles

)

• 3 showcase articles
• Different angles (story, tutorial, case study)
• SEO optimized

7. Landing Pages (

/pd-landing

)

• Persona-specific designs
• All sections specified
• Copy and image recommendations

Usage

Initialize

/post-dev init --base-url http://localhost:3000

Run All Tasks

/post-dev run

Run Specific Task

/post-dev run --task seo

Check Status

/post-dev status

Output Directory Structure

.post-development/
├── post-development.json     # Master plan
├── seo/
│   ├── pages/               # SEO data per page
│   └── assets/              # Favicon, OG image specs
├── screenshots/
│   ├── desktop/
│   ├── tablet/
│   └── mobile/
├── personas/
│   ├── personas/            # Individual persona files
│   ├── strategies/          # Marketing strategies
│   └── cta/                 # CTA collections
├── ads/
│   ├── instagram/
│   ├── facebook/
│   ├── linkedin/
│   └── twitter/
├── articles/
│   ├── article-1/
│   ├── article-2/
│   └── article-3/
└── landing-pages/
    └── [persona-name]/

Task Dependencies

1. seo

   → no dependencies

2. screenshots

   → no dependencies

3. personas

   → depends on

   seo

4. ads

   → depends on

   personas

   ,

   screenshots

5. articles

   → depends on

   personas

   ,

   screenshots

6. landing

   → depends on

   personas

   ,

   screenshots

   ,

   articles

Requirements

• For screenshots: Playwright installed (

  npm install -D playwright

  )
• For screenshots: App running at baseUrl
• For articles: Screenshots completed first
• For landing pages: All prior tasks completed

Example Workflow

# 1. Initialize project
/post-dev init --base-url http://localhost:3000

# 2. Run everything
/post-dev run

# 3. Or run tasks individually
/post-dev seo
/post-dev screenshots
/post-dev personas
/post-dev ads
/post-dev articles
/post-dev landing

# 4. Check progress anytime
/post-dev status