Rampstack Skills

从创作方向到上线复盘,把网站工作拆成有依据的步骤

一套覆盖品牌、内容、产品、SEO、开发与运营的方法库。选一项具体任务,带入真实材料,让助手按框架形成简报、文案、需求或检查计划,再把产物交给下一环节。

作者 rampstackco

作者虚构的 Pulse 音乐网站截图,渐变背景上的大标题与彩色均衡器图形。打开原图

深色首屏、饱和渐变、宽大标题和均衡器图形,让“俏皮、丰富、有共鸣”落到音乐主题。

查看作者原文件

作者仓库中的虚构品牌截图。Pulse 与 Bloom 都采用 Playful / Expressive Maximalist / Companion / Resonant;配色、字体与画面仍有不同选择。不是本站生成,也不是客户实绩;静态截图不验证动效或交互。MIT © 2026 RampStack Co.

作者列出的使用环境

  • Claude Code
  • Codex
  • Claude 网页与桌面版
GitHub Star
1,004
版本
1.2.0
资料核对

先让下一环节有一份清楚的输入

新网站先完成 creative-direction 的 BRIEF.md,再交给 landing-page-copy。已有产品则从当前缺口开始:需求还不清楚就写规格,流量变化就做诊断,临近上线才整理操作手册。

选一个任务,开始使用

先在 Claude Code 安装完整插件,再给助手一项任务及对应材料。首次建议用两份短文件完成创作方向,打开产出的 BRIEF.md 后再继续文案。

你现在卡在哪一个环节

适合新建或重新设计网站。逐项讨论四个方向,把偏好变成设计与文案能共同使用的简报。

  1. 在 Claude Code 会话中安装插件

    在 Claude Code 会话中逐行执行,先添加 marketplace,再安装完整插件。不是在普通终端直接运行的命令;其他宿主使用作者对应安装入口。命令取得仓库当前内容,本文核验的是固定提交。

    /plugin marketplace add rampstackco/claude-skills
    /plugin install rampstack-skills@rampstack
    查看作者安装说明

    首次路径:两份材料,形成一份方向简报

    在项目目录准备 project-context.md,写项目做什么、给谁用、希望用户完成什么动作,以及预算、语言和实现约束;另在 references.md 放 2–4 个真实参考链接,逐条说明喜欢或不喜欢的地方。安装后确认 creative-direction 可用并能读取这些文件,再发送第一个任务。若链接打不开,提供截图或摘录并标明来源。完成后检查 BRIEF.md 中的选择、理由和未决问题,再让文案任务读取它。

    查看作者安装与调用方式
  2. 把这段话发给 AI

    以下是本站根据已读源码编写的调用示例。文件名是建议约定,请换成你的真实材料;预期文件不是本站已运行的结果。

    使用 creative-direction,读取 project-context.md 和 references.md,先确认项目、受众、目标与约束。按语气、视觉风格、与受众的关系、感官表达逐项讨论;每次解释选择的实际影响,再记录我的决定和理由。不要一次替我选完四项。 对每个参考,说明实际看到了什么、借鉴什么;打不开的链接列为缺失,不假装读过。发现方向有冲突时说明代价,让我确认。 使用 references/brief-template.md 的结构,把最终选择保存为项目根目录 BRIEF.md:项目简介、四项选择及理由、综合描述、参考解读、不采用的做法、开放问题。检查这些内容是否足够指导下一步文案和设计,未决定的内容明确保留。本次先完成方向,不开始写网站代码。

  3. 检查你拿到的结果

    • 可交给后续设计和文案任务的 BRIEF.md。
    • 每项选择都有理由;参考可回查,不采用的做法具体,未知项没有被悄悄填成决定。
    查看这项任务的作者说明
进一步了解这个 Skill

Rampstack 的 claude-skills 是一个方法库,而不是一个替你包办网站的单项工具。固定提交中有 107 个技能目录,分为 16 类,覆盖品牌与设计、内容、搜索、产品、开发、增长和运营。每项说明什么时候适用、需要什么材料、如何判断,以及要交付什么;参考文件把这些方法落到模板和检查表。

它的价值在于环节之间可以接续。creative-direction 把语气、视觉风格、受众关系与感官表达写成 BRIEF.md;landing-page-copy 据此安排从首屏到行动按钮的内容。pm-spec-writing 用问题证据和验收条件约束实现;experiment-design 在试验开始前约定指标与判断方法。输出文件成为下一项任务的输入,而不是每次重新猜品牌或业务目标。

本页展开六条具体路径,并不要求一次使用全部目录。品牌与文案任务可以先用本地资料;SEO 的基础框架和 Ahrefs 审计套件有不同前提,后者需要真实数据连接。实验设计写的是计划,launch-runbook 写的是上线流程;实际分流、部署、DNS 和消息发送仍需要相应工具及明确任务范围。

作者的展示使用虚构品牌。下方 Pulse 与 Bloom 采用相同的四项方向,却有不同的配色、字体、画面和行业表达,说明框架只是帮助选择,不能用四个标签锁定一张成品图。它们是作者的案例截图,不是本站运行记录,也不证明产品、客户或转化表现真实存在。

主仓库的 workflows 把多个技能串成分阶段操作文档,适合持续的内容与增长工作。先安装它调用的技能目录,再打开所选流程,核对前提,按运行示例、产物和完成条件推进。Starter、SEO、PM 则是独立维护的精简仓库,供只需部分能力的人选择。workflow 的状态描述作者积累的执行证据,所需数据、工具与引擎仍须另外配置。

阅读这套资料时,也需要保留判断。文件中的天数、样本表、SEO 原因映射与效果文案例句不能直接当作你的业务事实。作者明确允许在缺少必需数据时交付带缺口的报告;本页任务保留这一要求,把已观察到的现象、待验证解释和下一步行动分开。

来源与核验

资料核对

依据固定提交的 README、六项 SKILL、相关参考与工作流说明整理;未执行第三方安装、付费数据调用、生成任务或上线操作。