Back to Details

post-development

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Post-Development Skill

上线筹备Skill

This skill enables comprehensive post-development preparation for app launches, including marketing materials, SEO, and content generation.
该Skill可实现应用上线前的全方位开发后筹备工作，包括营销物料制作、SEO优化及内容生成。

When to Use

适用场景

Use this skill when:
  • 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
适用于以下场景：
  • 为应用上线做准备
  • 制作应用营销物料
  • 为公开页面生成SEO数据
  • 创建用户画像与营销策略
  • 生成社交媒体广告
  • 撰写展示性文章
  • 设计落地页

Capabilities

核心功能

1. Project Analysis

1. 项目分析

  • Detect project type and tech stack
  • Discover public routes
  • Extract product information from docs
  • 检测项目类型与技术栈
  • 发现公开路由
  • 从文档中提取产品信息

2. SEO Analysis (
/pd-seo
)

2. SEO分析（
/pd-seo
）

  • Generate meta tags for all pages
  • Create keyword strategies
  • Produce Open Graph specifications
  • Generate sitemap
  • 为所有页面生成元标签
  • 制定关键词策略
  • 生成Open Graph规范
  • 生成站点地图

3. Screenshot Capture (
/pd-screenshots
)

3. 截图捕获（
/pd-screenshots
）

  • Capture all public pages
  • Multiple viewports (desktop, tablet, mobile)
  • Light and dark mode
  • Focus on key sections
  • 捕获所有公开页面
  • 支持多种视口（桌面端、平板端、移动端）
  • 适配亮色与暗色模式
  • 聚焦关键区域

4. Persona Creation (
/pd-personas
)

4. 用户画像创建（
/pd-personas
）

  • Create detailed buyer personas
  • Develop marketing strategies
  • Generate CTAs for all channels
  • 创建详细的买家画像
  • 制定营销策略
  • 为全渠道生成CTA（行动号召）

5. Ad Generation (
/pd-ads
)

5. 广告生成（
/pd-ads
）

  • Instagram, Facebook, LinkedIn, Twitter
  • Multiple ad formats per platform
  • A/B variations
  • 支持Instagram、Facebook、LinkedIn、Twitter平台
  • 每个平台提供多种广告格式
  • 生成A/B测试变体

6. Article Writing (
/pd-articles
)

6. 文章撰写（
/pd-articles
）

  • 3 showcase articles
  • Different angles (story, tutorial, case study)
  • SEO optimized
  • 生成3篇展示性文章
  • 涵盖不同视角（故事型、教程型、案例研究型）
  • 经过SEO优化

7. Landing Pages (
/pd-landing
)

7. 落地页设计（
/pd-landing
）

  • Persona-specific designs
  • All sections specified
  • Copy and image recommendations
  • 基于用户画像的专属设计
  • 包含所有指定板块
  • 提供文案与图片建议

Usage

使用方法

Initialize

初始化

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

Run All Tasks

运行全部任务

/post-dev run
/post-dev run

Run Specific Task

运行指定任务

/post-dev run --task seo
/post-dev run --task seo

Check Status

查看状态

/post-dev 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]/
.post-development/
├── post-development.json     # 主计划文件
├── seo/
│   ├── pages/               # 各页面SEO数据
│   └── assets/              # 网站图标、OG图片规范
├── screenshots/
│   ├── desktop/
│   ├── tablet/
│   └── mobile/
├── personas/
│   ├── personas/            # 单个用户画像文件
│   ├── strategies/          # 营销策略
│   └── cta/                 # CTA集合
├── ads/
│   ├── instagram/
│   ├── facebook/
│   ├── linkedin/
│   └── twitter/
├── articles/
│   ├── article-1/
│   ├── article-2/
│   └── article-3/
└── landing-pages/
    └── [persona-name]/

Task Dependencies

任务依赖关系

Tasks run in dependency order:
  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
任务将按依赖顺序执行：
  1. seo
    → 无依赖
  2. screenshots
    → 无依赖
  3. personas
    → 依赖
    seo
    任务
  4. ads
    → 依赖
    personas
    与
    screenshots
    任务
  5. articles
    → 依赖
    personas
    与
    screenshots
    任务
  6. landing
    → 依赖
    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
  • 截图功能： 需安装Playwright（
    npm install -D playwright
    ）
  • 截图功能： 应用需在指定baseUrl地址运行
  • 文章生成： 需先完成截图任务
  • 落地页制作： 需完成所有前置任务

Example Workflow

示例工作流

bash
undefined
bash
undefined

1. Initialize project

1. 初始化项目

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

2. Run everything

2. 运行全部任务

/post-dev run
/post-dev run

3. Or run tasks individually

3. 或单独运行任务

/post-dev seo /post-dev screenshots /post-dev personas /post-dev ads /post-dev articles /post-dev landing
/post-dev seo /post-dev screenshots /post-dev personas /post-dev ads /post-dev articles /post-dev landing

4. Check progress anytime

4. 随时查看进度

/post-dev status
undefined
/post-dev status
undefined