关于 post-development
post-development 是用于准备应用发布的 Skill,涵盖项目分析、SEO、截图、用户画像、广告、文章和落地页材料,并按任务依赖组织工作。
主要功能
- 01分析项目类型与公开路由
- 02生成 SEO 数据和站点地图
- 03按视口和主题截取页面
- 04创建用户画像与营销策略
- 05生成广告、文章和落地页
适用场景
- 01为应用发布做准备
- 02为公开页面制作 SEO 材料
- 03制作营销活动素材和展示内容
- 04规划面向不同用户画像的落地页
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ mwguerra/ claude-code-plugins --skill post-development安装后在 Claude Code 中输入/post-development确认已加载。
详细介绍
开发后技能
此技能可全面完成应用发布前的准备工作,包括营销材料、SEO 和内容生成。
使用时机
在以下情况下使用此技能:
- 准备发布应用
- 为应用制作营销材料
- 为公开页面生成 SEO 数据
- 创建用户画像和营销策略
- 生成社交媒体广告
- 撰写展示文章
- 设计落地页
功能
1. 项目分析
- 检测项目类型和技术栈
- 查找公开路由
- 从文档中提取产品信息
2. SEO 分析(/post-development:seo)
- 为所有页面生成元标签
- 制定关键词策略
- 生成 Open Graph 规范
- 生成站点地图
3. 截图(/post-development:screenshots)
- 截取所有公开页面
- 支持多种视口(桌面、平板、移动设备)
- 支持浅色和深色模式
- 聚焦关键部分
4. 用户画像创建(/post-development:personas)
- 创建详细的买家画像
- 制定营销策略
- 为所有渠道生成 CTA
5. 广告生成(/post-development:ads)
- Instagram、Facebook、LinkedIn、Twitter
- 每个平台支持多种广告格式
- A/B 变体
6. 文章撰写(/post-development:articles)
- 撰写 3 篇展示文章
- 采用不同角度(故事、教程、案例研究)
- 针对 SEO 优化
7. 落地页(/post-development:landing)
- 针对特定用户画像设计
- 指定所有版块
- 提供文案和图片建议
使用方法
初始化
/post-development:run init --base-url http://localhost:3000
运行所有任务
/post-development:run run
运行特定任务
/post-development:run run --task seo
查看状态
/post-development:run status
输出目录结构
.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]/
任务依赖关系
任务按依赖顺序运行:
seo→ 无依赖项screenshots→ 无依赖项personas→ 依赖于seoads→ 依赖于personas、screenshotsarticles→ 依赖于personas、screenshotslanding→ 依赖于personas、screenshots、articles
要求
- 截图: 已安装 Playwright(
npm install -D playwright) - 截图: 应用正在 baseUrl 运行
- 文章: 先完成截图
- 落地页: 完成所有先前任务
工作流示例
# 1. Initialize project
/post-development:run init --base-url http://localhost:3000
# 2. Run everything
/post-development:run run
# 3. Or run tasks individually
/post-development:run seo
/post-development:run screenshots
/post-development:run personas
/post-development:run ads
/post-development:run articles
/post-development:run landing
# 4. Check progress anytime
/post-development:run status
评论
支持 Markdown