内容与创意#21
网站首屏 Hero 设计 Skill
把页面目标、价值主张和品牌素材整理成可执行的网站首屏方案，明确 H1、副标题、主 CTA、视觉方向、版式与移动端规则。
来源项目 · kostja94/marketing-skills ★ 1,012 · Fork 140
BY JOB · 20 SKILLS · PAGE 02
内容与创意 · 第 2 页
围绕用户意图和业务目标规划内容支柱、营销文案与落地页。适合需要稳定生产高质量内容、减少反复改稿并让内容直接进入设计、发布和转化测试的市场团队。
把洞察转成内容策略、页面结构和可测试文案。
20 个 Skill 可用 · 全部提供 7 种 Agent 安装入口
CURATED LIST
内容与创意 清单 · 第 2 页
第 21–40 个。每个都写清了适合什么场景、要准备什么、跑完拿到什么。
20 个 Skill
内容与创意#22
网站 Logo 接入 Skill
把品牌 Logo 规范落实到网站页眉、页脚和移动端，明确位置、首页链接、文件版本、替代文字、响应式尺寸与可访问性要求。
来源项目 · kostja94/marketing-skills ★ 1,012 · Fork 140
内容与创意#23
营销对比表设计 Skill
把产品、方案或工作方式的差异整理成网页内可扫描、可核查、适合移动端阅读的对比表区块。
来源项目 · kostja94/marketing-skills ★ 1,012 · Fork 140
内容与创意#24
网页步骤区块设计 Skill
把教程、工具用法或落地页操作流程整理成页面内有顺序、可扫描、便于维护的步骤区块。
来源项目 · kostja94/marketing-skills ★ 1,012 · Fork 140
内容与创意#25
网页标签页与折叠区块设计 Skill
把产品规格、异议解答或长内容整理成主题清楚、手机端好读、无需点击加载正文的标签页与折叠区块。
来源项目 · kostja94/marketing-skills ★ 1,012 · Fork 140
内容与创意#26
CTA 按钮设计与优化 Skill
把页面目标、用户阶段和主要动作整理成一套可执行的 CTA 按钮文案、视觉层级、位置与交互方案。
来源项目 · kostja94/marketing-skills ★ 1,012 · Fork 140
内容与创意#27
客户评价展示设计 Skill
把客户评价整理成适合产品页、定价页或落地页的客户证言区块，让访客通过具体、可核验的社会证明，看清是谁、在什么场景下获得了什么结果。
来源项目 · kostja94/marketing-skills ★ 1,012 · Fork 140
内容与创意#28
网站信任徽章设计 Skill
为结账页、产品页和官网首屏选择可核验的信任徽章，安排支付标识、安全认证与客户 Logo 的位置、数量和展示方式。
来源项目 · kostja94/marketing-skills ★ 1,012 · Fork 140
内容与创意#29
网站内容卡片设计 Skill
把产品、文章、模板或工具信息整理成便于快速浏览的网站内容卡片。明确标题、图片、说明、元数据和主要动作的顺序。
来源项目 · kostja94/marketing-skills ★ 1,012 · Fork 140
内容与创意#30
网站轮播组件设计 Skill
为客户评价、媒体 Logo、产品截图或精选内容设计网站轮播组件。明确适用场景、幻灯片顺序、控制方式、可访问性与加载要求。
来源项目 · kostja94/marketing-skills ★ 1,012 · Fork 140
内容与创意#31
网站网格布局设计 Skill
为产品网格、卡片网格、模板库、工具库、功能区或文章目录设计清晰的响应式 Grid。先判断 Grid 是否适合，再确定列宽、间距、网格项尺寸与分页方式。
来源项目 · kostja94/marketing-skills ★ 1,012 · Fork 140
内容与创意#32
网站列表布局设计 Skill
为博客索引、文章列表、文档目录、站内搜索结果列表和资源中心设计清楚的响应式列表。先判断文字是否适合顺序扫描，再确定条目字段、信息层级、密度与分页方式。
来源项目 · kostja94/marketing-skills ★ 1,012 · Fork 140
内容与创意#33
网站瀑布流布局设计 Skill
为作品集、案例墙、UGC 图片墙和视觉灵感库规划响应式瀑布流。结合真实图片比例和页面宽度，确定列数、间距与内容顺序，并检查懒加载和分页入口。
来源项目 · kostja94/marketing-skills ★ 1,012 · Fork 140
内容与创意#34
网站侧栏设计 Skill
为博客、知识库、文档站和内容页规划侧栏。先确定侧栏承担目录导航、相关文章或辅助行动中的哪项任务，再安排位置、组件、固定方式和移动端处理。
来源项目 · kostja94/marketing-skills ★ 1,012 · Fork 140
内容与创意#35
网站顶部公告栏设计 Skill
为官网、活动页和电商独立站设计顶部公告栏。明确一条主要消息、一个 CTA、展示位置和人群条件，并补充关闭方式、手机端显示与过期处理。
来源项目 · kostja94/marketing-skills ★ 1,012 · Fork 140
内容与创意#36
SEO/GEO 文章写作 Skill
根据产品资料、目标关键词、读者问题和参考文章，完成一版可直接进入编辑审阅的 SEO/GEO 长文草稿。交付大纲、开头、正文、结尾、引用与 CTA，并单独列出发布前仍需确认的材料。
来源项目 · kostja94/marketing-skills ★ 1,012 · Fork 140
内容与创意#37
播客策划与 SEO Skill
从目标听众、栏目定位和节目形式出发，规划播客上线与持续运营。交付节目定位、首批选题、单集结构、RSS 上线清单、文字 SEO 资料和跨渠道推广计划。
来源项目 · kostja94/marketing-skills ★ 1,012 · Fork 140
内容与创意#38
视频营销脚本策划 Skill
根据受众、营销目标和发布平台，选择短视频或长视频形式，完成 Hook、分段脚本、CTA 与平台适配说明。交付可直接进入拍摄和编辑审阅的视频脚本包。
来源项目 · kostja94/marketing-skills ★ 1,012 · Fork 140
内容与创意#39
关于我们页面策划 Skill
围绕访客最关心的公司身份、创立缘由、团队与可信信息，完成关于我们页面的结构、品牌故事、TDK 和发布前资料清单。
来源项目 · kostja94/marketing-skills ★ 1,012 · Fork 140
内容与创意#40
联系页面策划 Skill
根据销售、客服、媒体和通用咨询需求，完成联系我们页面的信息架构、联系表单、字段文案、替代渠道、SEO 元数据与无障碍检查表。
来源项目 · kostja94/marketing-skills ★ 1,012 · Fork 140
当前页没有匹配结果，请换一个关键词。
WHO · COMBINATION · RESULTS
谁在用，怎么搭配着用
内容与创意适合从一项具体任务开始，用首个 Skill 的结果衔接下一项营销工作。
这些团队最用得上
- 增长设计师、产品营销经理、落地页负责人、营销文案、前端开发与独立站团队
- 品牌官网负责人、产品营销经理、增长设计师、前端开发、SEO 经理与独立站团队
- 产品营销经理、增长设计师、落地页负责人、内容营销团队、SEO 编辑与前端开发
- 内容营销团队、产品营销经理、SEO 编辑、产品运营、技术写作者、增长设计师与前端开发
连着跑之前先确认这几件
- 已经说明目标受众、时间范围和最终用途
- 前一个 Skill 的成果可以直接交给后一个 Skill 使用
- 关键事实、数字和链接已经核对
- 小样的格式和质量合格后，再处理全部内容
开始前可以准备
- 页面类型、目标受众、流量来源和单一转化目标
- 产品价值主张、核心利益点、可使用的证明与常见异议
- 品牌字体、颜色、Logo、图片、视频或产品界面素材
- 网站技术栈、桌面与移动端要求、性能和无障碍限制
- 网站类型、页眉与页脚结构、目标设备和需要覆盖的页面范围
完成后可以得到
- 首屏内容结构：H1、副标题、主 CTA、可选次 CTA、视觉与信任信息
- 文案备选：标题、副标题和按钮文字及各自适用条件
- 版式说明：Split、Centered 或全宽图片布局、对齐与移动端堆叠规则
- 验收与测试清单：初始 HTML、LCP、对比度、键盘、减弱动效和 A/B 测试项
- Logo 使用方案：页眉、页脚和移动端的位置、版本、尺寸与背景对应关系
内容与创意适合哪些团队？
增长设计师、产品营销经理、落地页负责人、营销文案、前端开发与独立站团队；品牌官网负责人、产品营销经理、增长设计师、前端开发、SEO 经理与独立站团队；产品营销经理、增长设计师、落地页负责人、内容营销团队、SEO 编辑与前端开发；内容营销团队、产品营销经理、SEO 编辑、产品运营、技术写作者、增长设计师与前端开发。
这些 Skill 怎么组合使用？
按业务顺序执行：前一个 Skill 的产出可以直接作为后一个的输入。每个详情页都标明了衔接关系。
开始前要准备什么？
页面类型、目标受众、流量来源和单一转化目标、产品价值主张、核心利益点、可使用的证明与常见异议、品牌字体、颜色、Logo、图片、视频或产品界面素材。
完成后能得到什么？
首屏内容结构：H1、副标题、主 CTA、可选次 CTA、视觉与信任信息、文案备选：标题、副标题和按钮文字及各自适用条件、版式说明：Split、Centered 或全宽图片布局、对齐与移动端堆叠规则。
FURTHER READING
内容与创意相关的实操文章
围绕这个系列的业务标签挑出来的，选 Skill 之前先看看别人踩过什么坑。
定价页已经把 Starter、Professional、Enterprise 排成三张卡，价格、功能和“最受欢迎”角标也都在，销售仍然反复收到同一个问题：我们该买哪一档？这时团队很容易删一档套餐、放大
假设一家 SaaS 公司上线了 ROI 计算器。三个月后，工具页的自然流量和使用次数都在涨，市场团队把它当作新的获客入口，销售却说收到的邮箱很难跟进：有人只想算一道题，有人来自目标行业之外，还有人留下
订阅弹窗的周报很容易给人一种乐观错觉：新版提交率明显上涨，于是团队宣布测试胜出。打开欢迎邮件报告后，点击、优惠使用和购买却没有同步变化。这是一个假设场景，它说明了一种常见误判——团队赢了弹窗这一段，却
假设一款设计工具已经积累了几百件用户作品。官网把它们排成一面很漂亮的图片墙，新访客从上往下看完，仍会问：“这些作品里，有没有和我同类的项目？用了产品的哪些能力？我能从哪一个开始？” 作品数量证明社区有
流量结构一变，后台最显眼的数字就是转化率往下掉。很多人的反应是改按钮颜色、改表单字段、再开一轮首屏测试。这些能测，但排在后面。转化率是「来的人里有多少做了你要的动作」，来的人换了，动作完成率一定会动。
这次营销邮件发出后，打开率比往期低了不少。内容同事先改主题行，运营把发送时间从上午挪到晚上，第二轮数据仍没有起色。这样的排查很常见，问题在于打开率把几件事压成了一个数字：平台怎样统计、邮件有没有被接收
假设一家 SaaS 公司把官网从六个一级栏目收成“产品、解决方案、资源”三个下拉菜单。价格页和文档页仍在，只是从页头可见入口移到了第二层。改版后如果销售频繁收到“有没有公开价格”“API 文档在哪里”
客户已经看过产品、服务和案例，最后却转进“关于我们”。很多市场团队会把这次访问理解成对品牌故事感兴趣，于是继续补创始情怀、使命愿景和发展历程。对 B2B 买方来说，这一步常常更实际：他准备把供应商带进
一档节目已经接上 RSS，Apple Podcasts、Spotify 和 YouTube 都能正常播放。团队每周更新，也会在公众号、社媒和社群里贴链接。可一旦让没听过节目的人直接搜本期讨论的话题，他
买家搜索“A 对比 B”时，通常已经知道品类，也看过其他产品。他打开供应商的对比页，看到自家产品每一行都是绿色勾，竞品则处处受限；再打开竞品的网站，结论正好反过来。两张页面都写了很多功能，却没有帮助他
官网刚上线一篇客户案例，市场部在群里发了链接，销售却还在问：“有没有制造业客户用过这个模块？”“有没有和这家公司规模接近的结果？”内容已经公开，真正进入商机时，销售仍要从头找材料。 这种脱节往往出在案
假设一支 API 产品团队已经在产品页列出端点、SDK、认证方式和几十项能力，注册人数也不差。团队检查日志时却发现，不少新建的 API key 从未产生一次 2xx 成功响应。开发者已经走到门口，却没
相邻的营销工作
B2B 营销 Skill、B2B 获客、数据与自动化
按两边共享的 Skill 数量和业务阶段远近自动计算，不是固定名单。
- B2B 营销 Skill有 8 个 Skill 同时属于两边，适合一起用
- B2B 获客面向同一个业务阶段，可以横向对比着选
- 数据与自动化属于相邻的业务阶段，转化做完通常接着做留存
- 出海营销 Skill有 1 个 Skill 同时属于两边，适合一起用
- 海外广告投放属于相邻的业务阶段，转化做完通常接着做获客