VibeMKT Hub

内容与创意 · showcase-page-generator

用户作品展示页策划 Skill

把用户设计、网站、视频、模板和营销作品整理成可浏览、可筛选、可投稿的展示页，交付作品分类、画廊结构、卡片字段、投稿文案和 SEO 元数据。

创作者工具和无代码产品积累用户作品后，官网常把截图零散放在首页或社交媒体里：新访客看不到产品能做出什么，老用户也找不到投稿入口。UGC 作品展示、创作者作品集、Made with 页面和用户案例画廊面对的是同一类整理任务。这个 Skill 先确认作品类型、来源和展示目标，再按行业、风格或用途整理分类，选择网格、瀑布流或轮播布局。团队会拿到标题与导语、作品画廊、筛选方式、单条作品字段、精选作品区、作品投稿 CTA 与指南，以及 SEO 元数据。

WHAT IT SOLVES

解决的营销问题

把用户设计、网站、视频、模板和营销作品整理成可浏览、可筛选、可投稿的展示页，交付作品分类、画廊结构、卡片字段、投稿文案和 SEO 元数据

把用户设计、网站、视频、模板和营销作品整理成可浏览、可筛选、可投稿的展示页，交付作品分类、画廊结构、卡片字段、投稿文案和 SEO 元数据。跑完你拿到的是作品清单与分类：作品类型、来源、创作者、链接、分类标签和精选状态，中间一共 4 步。

最适合的真实场景

  • 01

    设计工具已经积累一批用户作品，却只在社交账号零散转发，新访客无法集中浏览

  • 02

    无代码产品希望用 Made with 产品名 页面展示真实网站，并按行业与用途筛选

  • 03

    视频或模板平台需要统一缩略图、标题、创作者署名和作品链接，避免不同来源的卡片信息缺失

  • 04

    创作者社区准备开放作品投稿，需要写清提交入口、入选要求、署名和展示方式

你要先准备的资料

  • 作品文件、缩略图、预览或详情链接，以及设计、网站、视频、模板或营销活动等作品类型
  • 团队精选、用户投稿或混合来源，创作者姓名、主页链接、署名方式和展示许可
  • 行业、风格、用途、作品类型等分类字段，以及精选作品与轮换安排
  • 现有展示页或首页、投稿表单和社交账号，以及品牌语气、关键词与网站规范
  • 灵感浏览、注册或社区参与等主要目标，以及希望访客完成的下一步

跑完你会拿到什么

  • 作品清单与分类：作品类型、来源、创作者、链接、分类标签和精选状态
  • 展示页结构：标题、导语、分类筛选、作品画廊、精选作品区和投稿入口
  • 单条作品格式：缩略图或预览、作品标题、创作者署名、详情链接与必要说明
  • 投稿与 SEO 资料：投稿 CTA、提交指南、Title、Description、H1 和相关页面内链

METHOD

Skill 工作流程

确认作品、来源与页面目标 → 筛选作品并建立分类 → 安排画廊与单条作品格式 等 4 个环节

一共 4 步。其中 4 项能力决定了换个 AI 会不会更麻烦。

  1. 确认作品、来源与页面目标整理设计、网站、视频、模板或营销作品，区分团队精选、用户投稿或混合来源，并确定页面主要承担灵感浏览、注册或社区参与。
  2. 筛选作品并建立分类优先保留质量较高且风格、行业和用途有代表性的作品，整理创作者署名、链接与展示许可，再确定分类和筛选字段。
  3. 安排画廊与单条作品格式根据作品比例和浏览任务选择网格、瀑布流或轮播，安排标题导语、画廊、分类、精选作品区，并固定缩略图、标题、创作者和链接。
  4. 补齐投稿与 SEO 资料写出投稿 CTA 和提交指南，连接作品详情或创作者主页，并完成 Title、Description、H1 与相关页面内链。

这个 Skill 用到的能力： 读本地资料打开网页取正文写本地文件页面预览 。不同 AI 对这些能力的支持程度不一样，所以同一个 Skill 换个 AI，有几步做法会变。

WORKED EXAMPLE

业务示例

示例：为无代码建站工具规划用户作品展示页

假设一家无代码建站工具已经收集 60 个公开网站作品，资料分散在投稿表、社交账号和团队文件夹中。

  1. 汇总作品链接、首页截图、创作者名称、行业、用途和展示许可
  2. 筛选能代表餐饮、教育、专业服务和个人作品集的页面，并标记精选作品
  3. 按行业和用途设计筛选，使用统一网格展示截图、标题、创作者和访问链接
  4. 写出 Made with 产品名 标题、导语、精选作品区和提交你的作品 CTA
  5. 完成投稿指南、Title、Description、H1，并连接创作者计划和模板页面

预期结果：交付作品清单、分类字段、展示页结构、作品卡片格式、投稿文案、SEO 元数据和相关页面内链。

PITFALLS · VERIFICATION

使用限制与常见问题

只堆截图，不写作品标题、创作者和链接，访客无法继续浏览或认识作者

最常踩的坑

  • 只堆截图，不写作品标题、创作者和链接，访客无法继续浏览或认识作者
  • 所有作品混在一个长列表里，行业、风格和用途不同的访客找不到相关内容
  • 为了数量收录质量不稳定或彼此相似的作品，页面看不出产品能支持哪些创作方向
  • 作品、署名和展示许可没有核对，页面却直接使用创作者名称、图片或外部链接

怎么确认这次跑对了

  • 已经形成可检查的作品清单与分类：作品类型、来源、创作者、链接、分类标签和精选状态，关键判断能回到输入资料或过程证据。
  • 已经形成可检查的展示页结构：标题、导语、分类筛选、作品画廊、精选作品区和投稿入口，关键判断能回到输入资料或过程证据。
  • 已经形成可检查的单条作品格式：缩略图或预览、作品标题、创作者署名、详情链接与必要说明，关键判断能回到输入资料或过程证据。
  • 已逐项检查「只堆截图，不写作品标题、创作者和链接，访客无法继续浏览或认识作者」等高频问题，并记录需要人工确认的下一步。
用户作品展示页策划 Skill适合哪些岗位使用？

设计工具、无代码产品、视频与模板平台、创作者社区、UGC 运营、产品营销、内容营销、社区、设计与网站团队。典型场景包括设计工具已经积累一批用户作品，却只在社交账号零散转发，新访客无法集中浏览；无代码产品希望用 Made with 产品名 页面展示真实网站，并按行业与用途筛选；视频或模板平台需要统一缩略图、标题、创作者署名和作品链接，避免不同来源的卡片信息缺失。

开始前需要准备什么资料？

至少需要作品文件、缩略图、预览或详情链接，以及设计、网站、视频、模板或营销活动等作品类型、团队精选、用户投稿或混合来源，创作者姓名、主页链接、署名方式和展示许可、行业、风格、用途、作品类型等分类字段，以及精选作品与轮换安排。资料越具体，结果越能直接用于决策。

最后能得到什么可检查的结果？

作品清单与分类：作品类型、来源、创作者、链接、分类标签和精选状态、展示页结构：标题、导语、分类筛选、作品画廊、精选作品区和投稿入口、单条作品格式：缩略图或预览、作品标题、创作者署名、详情链接与必要说明。每项都可以逐条核对来源和数字。

哪些情况下结果会不可靠？

只堆截图，不写作品标题、创作者和链接，访客无法继续浏览或认识作者；所有作品混在一个长列表里，行业、风格和用途不同的访客找不到相关内容。出现这些情况时需要人工复核。

支持哪些 AI Agent？

已适配 WorkBuddy、OpenClaw、Hermes Agent、Codex、Claude Code、TRAE、ZCode 共 7 种，每种都有独立的安装说明和能力对照。

ORIGINAL SOURCE

完整 Skill 内容与版本资料

2 个原始文件，10 个文档章节，来源固定在 70987bad

上游原文完整保留在加搜服务器上，可逐节查看，也可以直接下载。 当前镜像共 2 个文件、3.9 KB。

新增作品或调整精选内容时，先更新作品状态、分类、创作者署名和链接，再同步画廊、筛选与投稿说明。

原始 Skill 文档 上游原文完整保留，中文概述已转换为营销任务、输入资料和交付结果。

先确认作品类型、来源和展示目标，再选择网格、瀑布流或轮播，完成画廊、分类筛选、单条作品格式、投稿 CTA 与 SEO 元数据。

来源与版本声明

本页面由加搜科技整理业务说明并托管安装文件。原始 Skill 来源渠道：GitHub； 上游作者：kostja94； 原始项目名称：showcase-page-generator； 固定版本：70987bad4ebe； 许可证：MIT。技能包内保留完整出处和许可证说明。

各 Agent 能力说明参考对应官方文档。页面不提供外部跳转。

新增作品或调整精选内容时，先更新作品状态、分类、创作者署名和链接，再同步画廊、筛选与投稿说明。

INSTALL

三种安装方式

用户作品展示页策划 Skill v1.0.0，ZIP 带 SHA256 校验

默认做法是把提示词复制给 AI Agent，让它自己下载并安装。提示词里已经写清要用完整 ZIP、装完报告目录、并先跑一个小任务验证。

METHOD 01 · 交给 AI 自己装

复制提示词

适合大多数情况。Agent 会下载 ZIP、解压、放到正确目录，并在缺少权限时告诉你需要手工做哪一步。

请帮我把「用户作品展示页策划 Skill」安装到我正在使用的 AI Agent。
1. 下载完整 Skill ZIP：https://www.vibemarketing.work/packages/skill-showcase-page/1.0.0/skill-showcase-page.zip
   注意：网页 HTML 不能当作 Skill 文件安装，必须使用 ZIP 里的完整文件。
2. 解压后保留 SKILL.md 及全部配套文件，按你所用 Agent 的 Skill 目录规则安装。
3. 安装完成后告诉我实际安装目录。
4. 用一个只读小任务验证 Skill 已被识别。
5. 如果你没有联网、下载或写目录权限，请直接告诉我哪几步需要我手工完成。
参考：原始 SKILL.md https://www.vibemarketing.work/raw/skill-showcase-page/SKILL.md；安装指南 https://www.vibemarketing.work/agent-install/skill-showcase-page.md

FURTHER READING

用户作品展示页策划 Skill 相关的实操文章

继续查看这套用户作品展示页策划方法：把分散的作品整理成可浏览、可署名、可投稿的页面。

营销邮件打开率突然下降，先查送达、名单还是内容

这次营销邮件发出后，打开率比往期低了不少。内容同事先改主题行，运营把发送时间从上午挪到晚上，第二轮数据仍没有起色。这样的排查很常见，问题在于打开率把几件事压成了一个数字：平台怎样统计、邮件有没有被接收

  • Vibe Marketing
  • 营销自动化
  • 内容营销
  • 营销分析

官网菜单越改越简，定价和文档为什么更难找

假设一家 SaaS 公司把官网从六个一级栏目收成“产品、解决方案、资源”三个下拉菜单。价格页和文档页仍在，只是从页头可见入口移到了第二层。改版后如果销售频繁收到“有没有公开价格”“API 文档在哪里”

  • SEO
  • 内容策略
  • 产品营销
  • 信息架构

免费工具访问量很高，为什么销售还是收不到好线索

假设一家 SaaS 公司上线了 ROI 计算器。三个月后，工具页的自然流量和使用次数都在涨，市场团队把它当作新的获客入口，销售却说收到的邮箱很难跟进：有人只想算一道题，有人来自目标行业之外，还有人留下

  • SEO
  • B2B获客
  • 增长策略
  • 营销分析

客户看完产品页还点“关于我们”，他们在核对什么

客户已经看过产品、服务和案例，最后却转进“关于我们”。很多市场团队会把这次访问理解成对品牌故事感兴趣，于是继续补创始情怀、使命愿景和发展历程。对 B2B 买方来说，这一步常常更实际：他准备把供应商带进

  • 内容营销
  • 产品营销
  • B2B营销
  • 品牌信任

播客每期都在更新，为什么用户还是搜不到单集

一档节目已经接上 RSS，Apple Podcasts、Spotify 和 YouTube 都能正常播放。团队每周更新，也会在公众号、社媒和社群里贴链接。可一旦让没听过节目的人直接搜本期讨论的话题，他

  • SEO
  • 内容策略
  • 内容营销
  • 内容运营

竞品对比页写满功能，买家为什么还是不信

买家搜索“A 对比 B”时，通常已经知道品类，也看过其他产品。他打开供应商的对比页，看到自家产品每一行都是绿色勾，竞品则处处受限；再打开竞品的网站，结论正好反过来。两张页面都写了很多功能，却没有帮助他

  • SEO
  • 竞品分析
  • 产品营销
  • B2B营销

搭配使用

用户作品展示页负责集中呈现大量作品与创作者；客户案例页负责展开单个客户经历，客户评价展示 Skill 负责短评，创作者营销计划 Skill 负责招募与运营。

出海增长#02

应用商店优化 Skill

应用商店优化把商店页链接转成六维 ASO 审计与整改清单。

来源项目 · coreyhaines31/marketingskills ★ 52,924 · Fork 7,914
SEO 与 GEO#03

网站面包屑导航设计 Skill

为内容站、电商独立站、产品文档和多层级官网规划清楚的面包屑导航。统一页面层级、主面包屑路径、标签和链接状态，并核对可见导航与 BreadcrumbList。

来源项目 · kostja94/marketing-skills ★ 1,012 · Fork 140
内容与创意#04

网站内容卡片设计 Skill

把产品、文章、模板或工具信息整理成便于快速浏览的网站内容卡片。明确标题、图片、说明、元数据和主要动作的顺序。

来源项目 · kostja94/marketing-skills ★ 1,012 · Fork 140
数据与自动化#05

营销动作效果验证 Skill

把营销改动前后的平台数据拉取出来，对比核心指标，生成一份决定保留或放弃该改动的验证报告。

来源项目 · ericosiu/ai-marketing-skills ★ 3,601 · Fork 688

VibeMKT COMMUNITY

加入 VibeMKT 社群

微信扫码，交流营销 Skill 的选择、安装、试用与业务化改造。

加入 VibeMKT 社群的微信二维码

二维码会持续显示，关闭弹窗后返回当前页面。