免费资源
Anthropic Agent Skills:14 个 AI 工作流分别能做什么
一次看懂 14 个官方开源 Skill:从 Agent 开发、网页测试到视觉与团队沟通,并附三条上手路径。

资源介绍
Anthropic Agent Skills 开源示例集:14 个 AI 工作流分别能做什么
一句话看懂
这不是一个双击就能运行的软件,而是 14 份给 AI 助手使用的“工作说明书”。把其中一个 Skill 安装到兼容的 Agent 后,AI 会在遇到对应任务时按更具体的步骤工作,例如创建 Skill、开发 MCP、测试网页、做海报或写团队周报。页面会把 14 个逐一讲清,并标明本次核对到什么程度。
它能帮你做什么
- 想搭建 AI 工作流:可以参考
skill-creator、mcp-builder和claude-api,从编写 Skill 到连接外部服务都有现成方法。 - 想做网页:
frontend-design负责设计方向,web-artifacts-builder负责复杂页面成品,webapp-testing负责跑浏览器测试。 - 想做视觉内容:可以生成算法艺术、海报、Slack 动图,也能统一 Anthropic 品牌风格或给文档套主题。
- 想让团队沟通更规范:
internal-comms会按周报、FAQ、事故通报等类型选择对应写法。 - 想减少 AI 一本正经地给结论:
discernment-nudge会在重要建议后补几条有针对性的自查问题。
完整的 14 个 Skill 会在页面中按 Agent 开发、网页设计与测试、视觉与品牌、学习与团队沟通四类展开;每一项都单独说明用途、你要做什么、能得到什么和需要准备什么。下面先用三个差异较大的任务演示它们真正怎样进入工作流程。
本次结论来自归档版本中 14 份 SKILL.md 的逐项阅读,没有把文件说明写成独立性能实测。
用 skill-creator 做一个自己的 Skill
输入什么: 一个具体任务、什么时候应该触发,以及什么结果算成功。
怎么做: 先写清边界和触发条件,生成 Skill 目录,再准备几条真实测试提示。对比结果后继续修改说明和配套资源,而不是写完一次就结束。
会得到什么: 一个可安装的 Skill、测试样例和迭代记录。
怎样算成功: 宿主在该触发时能稳定加载它,代表性测试的结果达到事先设定的标准。
用 mcp-builder 规划一个服务连接器
输入什么: 目标服务的 API、凭据方式和希望 AI 完成的真实任务。
怎么做: 先研究 API 与高频工作流,再选择 Python FastMCP 或 Node/TypeScript,设计清晰的工具名与参数,最后补上错误处理并用 MCP 客户端测试。
会得到什么: 一个可以被 Agent 发现并调用的 MCP Server。
怎样算成功: 客户端能列出工具,并能用这些工具完成至少一个端到端任务,而不是只能调用单个接口。
用 webapp-testing 检查本地网页
输入什么: 网站启动方式、要验证的用户流程和期望结果。
怎么做: 先确认服务器能启动,观察页面结构和选择器,再写最小 Playwright 测试,最后查看断言、截图与控制台日志。
会得到什么: 可重复执行的测试脚本,以及通过/失败结果和问题证据。
怎样算成功: 关键断言通过,目标范围内没有控制台错误,截图与预期界面一致。
下载后怎么用
这组资源无需一次安装 14 个。先按自己的任务选一个完整目录,例如想测试网页就选 skills/webapp-testing,想学习如何写 Skill 就选 skills/skill-creator。
以 Claude Code 的项目级目录为例:
mkdir -p .claude/skills
cp -R skills/webapp-testing .claude/skills/重新打开 Agent 后,提出一条与该 Skill 描述明确匹配的任务。Agent 能列出或触发它,并能读取目录内引用的脚本或资料,说明最小安装链路完成。不同宿主的目录约定不一样,应以宿主自己的 Skill 安装说明为准;不要只复制 SKILL.md,否则可能遗漏脚本、模板或参考文件。
使用前要准备什么
- 只下载和阅读: 资源包中的 14 个开源目录可以直接查看,不需要 API。
- 在 Agent 中运行: 需要一个支持 Skills 的宿主,例如 Claude Code 或其他兼容工具;宿主本身可能需要订阅。
- 调用 Claude API:
claude-api需要 Anthropic API 凭据,真实请求属于可能按量付费的部分。 - 开发与测试: MCP、网页成品和网页测试会用到 Python、Node.js、浏览器或对应 SDK。
- 视觉输出: 算法艺术、静态设计和 GIF 需要宿主能生成或保存相关文件。
如果改用本地模型或其他 Agent,Skill 文件仍可作为工作流参考,但触发方式、工具权限和最终效果需要重新验证。
适不适合你
- 如果你想知道一个成熟 Skill 是怎样组织说明、脚本和参考资料的,这套示例很适合拆开学习。
- 如果你正在做 MCP、Claude API、前端、网页测试或团队内容,可以直接从对应目录改起,不必从空白文件开始。
- 如果你是普通用户,也可以先从
academy-guide、theme-factory或internal-comms这类目标明确的目录理解 Skill 的作用。 - 下载前先看:它不是 14 个独立软件,必须放进兼容的 Agent 才会在任务中发挥作用。
- 本次依据该版本的项目说明整理,没有逐项实际运行;重要工作仍建议先在测试环境试用。
- 上游仓库并非所有目录都采用同样的开放方式,本资源包只收录已经明确筛出的 14 个开源目录。
资源包里有什么
- 14 个开源 Skill 的固定版本目录及各自的说明文件;
- 算法艺术、静态设计、GIF、主题、网页成品和网页测试等 Skill 所需的脚本、模板或参考资料;
- 上游 README、第三方声明、开源范围与费用说明;
- 3 张网站配图、图片清单、文件 manifest 和 SHA-256 校验信息;
- 《资源使用介绍》PDF。
来源与核验
唯一官方开源上游:项目方公开版本。
本稿按 commit 3b3fad96af16a10759d930941b4520ba0c40edae 中实际收录的 14 个目录逐项阅读。官方仓库是混合开放范围,本资源包没有无差别复制全部目录;未收入的文档创建类目录也不在这 14 项说明中。论坛、视频或社区经验可以帮助了解真实使用问题,但不会被写成官方功能承诺或下载来源。
如果您在智能体使用或项目上需要定制服务,欢迎联系我们的服务人员。微信:eatingstuff。
这 14 个 Skill 分别能做什么
名称和用途一眼可见;点开后可查看怎么用、会得到什么,以及开始前需要什么。
学习与判断2
academy-guide当用户在学习 Claude 或 AI 用法时,先判断有没有真正匹配的 Claude Academy 课程或教程,再把合适的学习入口补到回答里。
- 你可以这样用
- 提出“怎么学、怎么开始、有没有教程”一类问题。
- 你会得到
- 正常回答之外,再得到一条与问题高度相关的官方学习建议;没有强匹配时不会硬推荐。
- 开始前需要
- 能够访问 Claude Academy;只想立即完成任务时通常不触发
discernment-nudge在一份可能被直接采用的重要建议后,加上少量有针对性的自查问题,提醒用户核对假设和遗漏。
- 你可以这样用
- 让 AI 产出计划、建议、分析、估算或重要文稿。
- 你会得到
- 正文保持不变,结尾增加 2—3 个与当前内容直接相关的反思问题。
- 开始前需要
- 只适合有实际决策影响的内容;简单查询、纯格式整理等场景会跳过
视觉创作5
algorithmic-art把一个抽象创意发展成可调参数、可重复生成的 p5.js 算法艺术,而不是只交付一张静态图。
- 你可以这样用
- 给出主题、情绪或视觉方向,再调整随机种子和参数。
- 你会得到
- 得到创作理念说明、交互式 HTML 查看器和 JavaScript 生成程序。
- 开始前需要
- 浏览器;需要继续改代码时要有基础 JavaScript 环境
brand-guidelines把 Anthropic 的品牌颜色和字体规则应用到页面、文档或其他视觉成品中。
- 你可以这样用
- 提供需要统一品牌风格的成品或设计任务。
- 你会得到
- 得到颜色、字体和视觉层级更接近 Anthropic 官方风格的版本。
- 开始前需要
- 适用于 Anthropic 品牌场景,不是通用品牌生成器
canvas-design先形成一套原创视觉理念,再把它做成海报、艺术图或其他静态设计。
- 你可以这样用
- 给出海报、艺术作品或静态视觉的主题和必要文字。
- 你会得到
- 得到设计理念文档,以及 PNG 或 PDF 视觉成品。
- 开始前需要
- 需要输出文件的宿主环境;不用于临摹在世艺术家的作品
slack-gif-creator制作尺寸、帧率、颜色数和时长适合 Slack 的动图,避免生成后因文件太大不能正常使用。
- 你可以这样用
- 描述要做的动作、用途是表情还是消息动图,并提供素材或创意。
- 你会得到
- 得到符合 Slack 常见尺寸与体积约束的 GIF。
- 开始前需要
- Python 和 Pillow 等图像工具;复杂动画可能需要进一步压缩
theme-factory从 10 套预设主题中选择一套,或临时生成新主题,把一致的字体和配色应用到演示、文档或网页。
- 你可以这样用
- 先查看主题预览并选择风格,再提供要套用的成品。
- 你会得到
- 得到颜色和字体统一的演示文稿、文档或页面。
- 开始前需要
- 需要可以修改目标成品的宿主;预设主题选择需要用户确认
Agent 与开发3
claude-api在开发 Claude 应用时,按当前文档选择模型、SDK、流式输出、工具调用、缓存或 MCP 接入方式,减少凭记忆写错接口。
- 你可以这样用
- 提供项目语言、现有代码和想接入的 Claude 能力。
- 你会得到
- 得到基于官方 Anthropic SDK 或明确 REST 要求的实现与配置建议。
- 开始前需要
- Anthropic API 凭据;实际调用通常按量收费;非 Anthropic 项目需要先确认是否切换
mcp-builder把一个外部 API 或服务整理成 AI 可以调用的 MCP 工具,并兼顾工具命名、覆盖范围、错误处理和测试。
- 你可以这样用
- 提供要连接的服务、API 文档、关键业务任务和技术栈。
- 你会得到
- 得到 Python FastMCP 或 Node/TypeScript MCP Server 的设计与实现。
- 开始前需要
- 目标服务 API 和凭据;Python 或 Node.js;可用于测试的 MCP 客户端
skill-creator从需求开始创建或改进一个 Skill,并用测试提示、定性评价和量化指标反复迭代。
- 你可以这样用
- 说明希望 Skill 在什么情况下触发、完成什么任务、什么结果算好。
- 你会得到
- 得到可安装的 Skill、测试样例、评估结果和迭代后的版本。
- 开始前需要
- 支持 Skills 的 Agent 宿主;需要认真优化时要准备代表性测试任务
网页与界面3
frontend-design在做新界面或重做旧页面时,先确定具体审美方向,再处理字体、配色、布局和动效,避免套模板的“AI 味”。
- 你可以这样用
- 提供产品主题、目标用户、页面任务和已有偏好。
- 你会得到
- 得到具有明确视觉主张、与内容相关而非通用模板化的前端设计。
- 开始前需要
- 需要能编辑前端代码的宿主;最终质量仍需浏览器验收
web-artifacts-builder在 Claude 的网页成品场景中搭建带状态、路由和组件的复杂 React 页面,并打包成一个可交付的 HTML。
- 你可以这样用
- 提供复杂网页成品需求、交互流程和内容。
- 你会得到
- 得到 React/Tailwind/shadcn 实现,以及打包后的单文件 HTML。
- 开始前需要
- Node.js、React 构建工具和 bash 脚本环境;简单单页不一定需要它
webapp-testing用 Playwright 操作和检查本地网页,验证功能、排查界面问题、截图并读取浏览器日志。
- 你可以这样用
- 提供本地网站、要验证的用户流程和成功条件。
- 你会得到
- 得到可重复运行的测试脚本、断言结果、截图或控制台线索。
- 开始前需要
- 本地可启动的网站、Python Playwright 和浏览器运行环境
团队沟通1
internal-comms按团队已有格式写周报、领导更新、FAQ、事故通报、项目进展或内部通讯。
- 你可以这样用
- 说明沟通类型、受众、事实材料和公司已有写法。
- 你会得到
- 得到符合对应模板和语气的内部沟通稿,而不是一篇通用文章。
- 开始前需要
- 最好提供公司自己的格式与事实;缺少材料时需要补充信息
资源信息
- 资源类型
- Skill
- 版本
- commit-3b3fad96
- 最近核验
- 2026.08.28