先提交字段、分类、精选项和旧数据迁移清单，再交给内容与网站团队复核和安排实现。
Claude Code × 内容与创意 · 可处理 4/4 个环节
Claude Code × 用户作品展示页策划 Skill
用户作品展示页策划 Skill有 4 个执行步骤，Claude Code 可以处理 4 步，其中 1 步需要相应工具与配置。它能直接读取本机目录里的资料，正好对应这个 Skill 里最吃工具的一段。页面预览属于有条件支持，执行路径和原生能力不同，下面单独说明。
- 4个核心环节
- 4/4当前可处理的环节
- 未进前十在本 Agent 的推荐清单
WHY CLAUDE CODE
适配结论
Claude Code 适合在已有网站项目中沿用项目说明、内容模型和组件规范
用户作品展示页策划 Skill可以作为独立任务在 Claude Code 中使用。具体适配方式、资料交接和需要人工确认的环节见下方说明。
Claude Code 适合在已有网站项目中沿用项目说明、内容模型和组件规范，把作品、创作者、分类与精选状态整理成数据模型和迁移清单。
CAPABILITY × STEP
核心差异
沿项目规范维护作品内容模型
用户作品展示页策划 Skill 共 4 个环节。Claude Code 可以处理 4 个环节，其中 1 个需要相应工具与配置。实际结果取决于输入资料、已接入工具与运行环境。
4个核心环节
4当前可处理的环节
1个需要工具与配置
无需要团队补充
| 步骤 | 所需能力 | 等级 | 在 Claude Code 下具体怎么做 |
|---|---|---|---|
| 01 确认作品、来源与页面目标 | 读本地资料打开网页取正文 | 直接执行 | 直接交给 Claude Code：它能直接读取本机目录里的资料。 |
| 02 筛选作品并建立分类 | 读本地资料 | 直接执行 | 直接交给 Claude Code：它能直接读取本机目录里的资料。 |
| 03 安排画廊与单条作品格式 | 写本地文件页面预览 | 有条件 | 可以做但有条件：Claude Code 对页面预览的支持有限制。 |
| 04 补齐投稿与 SEO 资料 | 写本地文件打开网页取正文 | 直接执行 | 直接交给 Claude Code：它能把过程文件和成果直接落盘保存。 |
展示页初期可以手工写几张卡片，作品增多后需要稳定的数据字段、图片规则和构建流程。Claude Code 可以先读取项目说明与相关文件，再按仓库规范整理作品数据模型、页面内容与检查记录。
- 01
读取项目说明与相关文件
检查 CLAUDE.md、作品数据、图片目录、页面组件、SEO 工具和构建脚本，确定检查范围。
- 02
整理作品字段与分类规则
统一作品 ID、标题、创作者、缩略图、链接、分类、精选状态和展示许可字段。
- 03
准备画廊与投稿方案
按项目规范整理分类筛选、作品卡片、精选区、投稿 CTA、SEO 字段和历史卡片迁移清单。
- 04
运行项目命令并记录结果
执行仓库已有的检查命令，核对当前页面、图片、外链和内容模型，并记录问题。
IMPORT · RUN
资料导入与任务下发
安装 Skill 并加入项目规则
Claude Code可以直接读取目录里的资料，把这些文件放在同一个位置即可。
需要准备的资料
- 设计、网站、视频、模板或营销活动等作品文件、缩略图、预览链接和作品状态
- 作品来源：团队精选、用户投稿或两者兼有，以及创作者姓名、主页链接、署名和展示许可
- 行业、风格、用途、作品类型等分类字段，以及需要突出或定期轮换的精选作品
- 现有展示页或首页、投稿表单和社交账号，以及品牌语气、目标关键词与网站规范
- 页面的主要目标：提供灵感、推动注册、促进投稿或连接创作者社区
在 Claude Code 里是这样推进的
把品牌规范、项目背景和现有文件放在同一个项目目录，Claude Code 会结合项目内容调用相应 Skill。
让它先列出任务步骤，再读取文件、调用终端或 MCP 工具完成研究和制作；复杂任务可以分给多个子任务。
把 skill-showcase-page 复制到 ~/.claude/skills/，或放入项目 .claude/skills/；在 CLAUDE.md 中写明作品数据、图片目录、页面入口和检查命令。
COLLABORATE · CHAIN
协作与后续衔接
按项目审阅流程确认内容模型
内容模型连接首页与创作者页面
统一后的作品数据可以继续供首页精选区、创作者页、模板页和社交分享读取，减少多处手工维护。
COMBINATION CASE
场景化实战案例
示例：规划静态作品卡片的数据迁移
假设 Next.js 项目把 24 个作品写死在组件中，需要迁移为可维护的数据文件。
- 读取项目规则和组件
- 定义作品字段与分类
- 盘点历史卡片
- 整理筛选和精选规则
- 运行现有项目检查
预期结果：交付作品数据模型、历史卡片迁移清单、分类与精选规则、投稿文案、SEO 字段和项目检查记录。
VERIFY · TROUBLESHOOT
效果验证方法
运行项目已有的检查命令，检查内容模型、图片资源、筛选、SEO 和内链，并记录问题
运行项目已有的检查命令，检查内容模型、图片资源、筛选、SEO 和内链，并记录问题。
可直接使用的第一个任务
请在 Claude Code 中使用「用户作品展示页策划 Skill」，先读取项目说明、作品组件、图片目录、SEO 工具和构建命令。把静态作品卡片整理成包含创作者、链接、分类、精选状态与许可的数据模型，再交付历史卡片迁移清单、筛选规则、投稿文案、SEO 字段和项目检查记录。
安装后的最小验证任务
安装完成后，先只做第 1 步：让 Claude Code 确认作品、来源与页面目标，并把它直接读取本机目录里的资料的过程说出来。这一步是只读的，能确认 Skill 已被识别，也能确认它拿得到需要的资料。
Claude Code 常见问题
- 没有调用 Skill 时，在任务里直接写出 Skill 名称
- 没有取到 MCP 数据时，检查连接和授权状态
- 项目资料太多时，指出本次优先参考的文件
- 页面预览相关步骤结果不稳定时，先确认当前环境是否满足条件
Claude Code 跑用户作品展示页策划 Skill需要改哪几步？
4 个环节里有 4 个可以处理，其中 1 个需要相应工具与配置。请结合逐步说明确认实际做法。
资料要怎么交给 Claude Code？
Claude Code可以直接读取目录里的资料，把这些文件放在同一个位置即可。
装完先做什么验证？
安装完成后，先只做第 1 步：让 Claude Code 确认作品、来源与页面目标，并把它直接读取本机目录里的资料的过程说出来。这一步是只读的，能确认 Skill 已被识别，也能确认它拿得到需要的资料。
什么任务更适合选 Claude Code？
Claude Code 适合在已有网站项目中沿用项目说明、内容模型和组件规范，把作品、创作者、分类与精选状态整理成数据模型和迁移清单。
Claude Code 常见的失败情况有哪些？
没有调用 Skill 时，在任务里直接写出 Skill 名称；没有取到 MCP 数据时，检查连接和授权状态；项目资料太多时，指出本次优先参考的文件。
字段模型先行，再准备迁移清单
先确认作品字段和旧数据，再整理卡片迁移、筛选与相关入口清单。
新增作品或调整精选内容时，先更新作品状态、分类、创作者署名和链接，再同步画廊、筛选与投稿说明。
INSTALL
安装到 Claude Code
把用户作品展示页策划 Skill装进 Claude Code，一条命令完成
把 skill-showcase-page 复制到 ~/.claude/skills/，或放入项目 .claude/skills/；在 CLAUDE.md 中写明作品数据、图片目录、页面入口和检查命令。
METHOD 01 · 交给 AI 自己装
复制提示词
适合大多数情况。Agent 会下载 ZIP、解压、放到正确目录，并在缺少权限时告诉你需要手工做哪一步。
请帮我把「用户作品展示页策划 Skill」安装到 Claude Code。 1. 下载完整 Skill ZIP：https://www.vibemarketing.work/packages/skill-showcase-page/1.0.0/skill-showcase-page.zip 注意：网页 HTML 不能当作 Skill 文件安装，必须使用 ZIP 里的完整文件。 2. 解压后保留 SKILL.md 及全部配套文件，按 Claude Code 的方式安装：mkdir -p ~/.claude/skills && cp -R ./skill-showcase-page ~/.claude/skills/ 3. 安装完成后告诉我实际安装目录。 4. 用一个只读小任务验证：在项目里提一个只读任务并点名 Skill，确认它按 SKILL.md 的步骤复述计划。 5. 如果你没有联网、下载或写目录权限，请直接告诉我哪几步需要我手工完成。 参考：原始 SKILL.md https://www.vibemarketing.work/raw/skill-showcase-page/SKILL.md；安装指南 https://www.vibemarketing.work/agent-install/skill-showcase-page.md
METHOD 03 · 手动放目录
手动安装
解压 ZIP 后，在 Claude Code 中执行：
mkdir -p ~/.claude/skills && cp -R ./skill-showcase-page ~/.claude/skills/
验证：在项目里提一个只读任务并点名 Skill，确认它按 SKILL.md 的步骤复述计划。
- 项目资料过多时要指出本次优先参考的文件
- MCP 数据取不到时先检查连接与授权状态
HTML 业务页面不能直接当作 Skill 文件安装。AI 需要下载完整 ZIP 并保留配套文件。
OTHER AGENTS
跨 Agent 适配对比
TRAE、ZCode在这个 Skill 上覆盖更多环节
下面的步数来自逐步比对。卡在哪一步，就看哪个 AI 能直接完成那一步。
TRAE 用户作品展示页策划
TRAE在这个 Skill 上直接覆盖 4/4 步，而且能把成果渲染成可直接查看的页面——如果你这次的卡点正是页面预览，换它更省事。
ZCode 用户作品展示页策划
ZCode在这个 Skill 上直接覆盖 4/4 步，而且能把成果渲染成可直接查看的页面——如果你这次的卡点正是页面预览，换它更省事。
FURTHER READING
Claude Code 与用户作品展示页策划相关的实操文章
继续查看这套用户作品展示页策划方法：把分散的作品整理成可浏览、可署名、可投稿的页面。
这次营销邮件发出后，打开率比往期低了不少。内容同事先改主题行，运营把发送时间从上午挪到晚上，第二轮数据仍没有起色。这样的排查很常见，问题在于打开率把几件事压成了一个数字：平台怎样统计、邮件有没有被接收
假设一家 SaaS 公司把官网从六个一级栏目收成“产品、解决方案、资源”三个下拉菜单。价格页和文档页仍在，只是从页头可见入口移到了第二层。改版后如果销售频繁收到“有没有公开价格”“API 文档在哪里”
假设一家 SaaS 公司上线了 ROI 计算器。三个月后，工具页的自然流量和使用次数都在涨，市场团队把它当作新的获客入口，销售却说收到的邮箱很难跟进：有人只想算一道题，有人来自目标行业之外，还有人留下
客户已经看过产品、服务和案例，最后却转进“关于我们”。很多市场团队会把这次访问理解成对品牌故事感兴趣，于是继续补创始情怀、使命愿景和发展历程。对 B2B 买方来说，这一步常常更实际：他准备把供应商带进
一档节目已经接上 RSS，Apple Podcasts、Spotify 和 YouTube 都能正常播放。团队每周更新，也会在公众号、社媒和社群里贴链接。可一旦让没听过节目的人直接搜本期讨论的话题，他
买家搜索“A 对比 B”时，通常已经知道品类，也看过其他产品。他打开供应商的对比页，看到自家产品每一行都是绿色勾，竞品则处处受限；再打开竞品的网站，结论正好反过来。两张页面都写了很多功能，却没有帮助他
NEXT WORKFLOW
搭配使用
TikTok Ads 投放 Skill、应用商店优化 Skill、网站面包屑导航设计 Skill
用户作品展示页负责集中呈现大量作品与创作者；客户案例页负责展开单个客户经历，客户评价展示 Skill 负责短评，创作者营销计划 Skill 负责招募与运营。
Claude Code · 海外广告投放#01
Claude Code TikTok Ads 投放 Skill
用 Claude Code 完成「搭建 TikTok 转化广告」，最终得到广告系列与受众设计。
来源项目 · kostja94/marketing-skills ★ 1,012 · Fork 140
Claude Code · 出海增长#02
Claude Code 应用商店优化 Skill
用 Claude Code 完成「App Store 的自然搜索流量已经停滞」，最终得到六维 ASO 评分卡与总分评级。
来源项目 · coreyhaines31/marketingskills ★ 52,924 · Fork 7,914
Claude Code · SEO 与 GEO#03
Claude Code 网站面包屑导航设计 Skill
用 Claude Code 完成「博客文章同时出现在多个专题中，不同入口生成了不同的面包屑路径」，最终得到面包屑路径表：逐类页面列出层级、标签、目标 URL、链接状态和主面包屑路径。
来源项目 · kostja94/marketing-skills ★ 1,012 · Fork 140