企业官网建设流程全解析

Agent Skills 技能库：给 Claude 装上 16 个"即插即用"的技能包

【免费下载链接】skillsPublic repository for Agent Skills项目地址: https://gitcode.com/GitHub_Trending/skills3/skills

这是 Anthropic 官方的 Agent Skills 技能库。每个技能是一个自带说明、脚本和资源的文件夹，Claude 接到任务时动态加载它，就能直接产出 Word 文档、填好的 PDF 表单、幻灯片、表格，甚至帮你测 Web 应用。它适合用 Claude Code、Claude.ai 或 Claude API 干活、希望 AI 交出"能直接交差"成果的人。

谁需要它：先对号入座三个痛点

• 要交文档的人：让 AI 写个报告不难，但要它产出带目录、页码、表头规范的 .docx，或者从一堆 PDF 里把表单字段抠出来，AI 经常翻车，最后还得手动修半天格式。
• 做前端的人：改完页面要反复起服务、开浏览器、点一遍再截图，验证 UI 的行为全靠肉眼，来回折腾占掉大量开发时间。
• 有重复工作想沉淀的人：团队里有些活儿有固定流程，你希望 AI 每次都按这个流程做，但不知道该怎么把经验打包成 AI 能读懂、能加载的东西。

核心能力速览：按产出物分三堆

📄出文档的（docx / pdf / pptx / xlsx / doc-coauthoring / internal-comms）

• docx：输入主题或草稿，得到可归档的 .docx，目录、页码、表格样式都按规范生成
• pdf：输入一个 PDF，得到提取出的文本/表格；也可以合并、拆分、加水印、填表单
• pptx：输入大纲或现有 .pptx，得到新幻灯片，或改好后的旧幻灯片
• xlsx：输入一份脏数据表格，得到加好列、算好公式、清好格式的电子表格
• doc-coauthoring / internal-comms：输入背景信息，得到按公司格式写好的文档、周报、内部邮件

🎨出图和视觉的（canvas-design / theme-factory / frontend-design / brand-guidelines / algorithmic-art / slack-gif-creator / web-artifacts-builder）

• canvas-design：输入一句话需求，先产出一份"设计哲学"，再落成海报 PNG/PDF
• theme-factory：10 套预设配色加字体主题，套在 PPT、文档、落地页上都统一风格
• slack-gif-creator：输入"让 X 做 Y"，得到符合 Slack 尺寸和帧数规范的动画 GIF
• algorithmic-art：输入审美方向，得到 p5.js 生成艺术，带参数可反复调试
• frontend-design / brand-guidelines：给 UI 和交付物做风格把关，避免"一眼模板感"

🔧跑流程的（webapp-testing / mcp-builder / claude-api / skill-creator）

• webapp-testing：输入本地 Web 应用，得到 Playwright 自动化验证、截图和控制台日志
• mcp-builder：输入一个想接入的外部服务，得到一份 MCP 服务器的搭建指引
• claude-api：涉及模型 ID、定价、缓存、工具调用时自动提供参考，避免 AI 凭记忆瞎答
• skill-creator：输入"我想做个技能"，得到草稿、测试用例、评测报告和迭代循环

快速上手：装好插件，先抠一份 PDF 表单

环境方面只需要你在用 Claude Code（或在 Claude.ai 付费计划、Claude API 里）。把仓库拉到本地并注册为插件市场：

git clone https://gitcode.com/GitHub_Trending/skills3/skills /plugin marketplace add anthropics/skills /plugin install document-skills@anthropic-agent-skills

装完后不用写代码，直接说人话："用 PDF 技能提取path/to/some-file.pdf里的表单字段。"第一个可交付成果就是一份结构化的字段清单。想更完整些，也可以让它"用 docx 技能把这份内容做成带目录的周报"，产出的 Word 文件可以直接发出去。

典型使用场景

场景一：周报固定格式产出做法：装好 document-skills 后，把周报素材丢给 Claude，指定用 docx 技能生成。技能内置了生成后自动转 PDF 再转图片的验证环节，等于 AI 自己"看图检查"排版。 收益：每周省掉手动调格式的时间，而且格式永远一致，不用靠记忆维持规范。

场景二：前端改动后的回归验证做法：让 Claude 用 webapp-testing 技能写 Playwright 脚本，配合自带的 with_server.py 管理本地服务生命周期，自动跑用例、截图、抓控制台日志。 收益：验证结果从"我点了点感觉没问题"变成带截图和日志的证据，改 UI 不再靠肉眼。

场景三：把团队经验沉淀成自定义技能做法：照仓库里的技能模板新建一个技能文件夹，写清 SKILL.md，再用 skill-creator 跑"写草稿—跑测试—看评测—改描述"的迭代循环。 收益：重复任务从"每次都要解释一遍流程"变成说一句触发词就自动执行，且效果可量化。

进阶与避坑

• description 写得"狠"一点。SKILL.md 里的 description 是触发的主要依据，Claude 有"触发不足"的倾向。写技能时把"什么话该触发它"也塞进描述里，比正文写一堆注意事项更有效。
• 创建和编辑现有文档是两条路。docx 技能明确提示：docx-js 只能创建新文件，改现有 .docx 得解压、改 XML、再打包，然后用自带的 validate.py 做 XSD 校验（支持 --auto-repair）。判断标准：文件是你自己刚生成的走前者，来自外部的走后者。
• 注意许可证边界。创意和开发类技能是 Apache 2.0 开源，但 docx、pdf、pptx、xlsx 这四个文档技能是 source-available（源码可查看、非开源），商用前看清各自 LICENSE.txt。
• 别迷信演示效果。官方明确说这些技能是演示和教育用途，实际加载后的行为可能有差异。进生产流程前，务必拿自己的真实文件完整跑一遍。

生态与协作

技能已经标准化：仓库的 spec 目录收录了 Agent Skills 规范，规范全文在 agentskills.io 维护，意味着这个格式不只是 Claude 一家在用。入口上，同一个仓库既能作为 Claude Code 插件安装，Claude.ai 付费计划也已内置这些示例技能，API 侧则支持上传自定义技能。想贡献的话，从 template 目录的骨架出发写一个新技能即可，做得好还能被官方收录——Notion 官方就发布过一套 Claude 技能。

它适合谁，从哪一步开始

这个库最适合两类人：一类是要让 AI 直接产出"能交差"的文件，先装 document-skills，拿一份真实文档试一次；另一类是想把自己团队的重复流程喂给 AI，从模板加 skill-creator 的评测循环起步。第一步都一样简单：克隆仓库、装插件，然后让 Claude 干一件它以前干不了的事。

【免费下载链接】skillsPublic repository for Agent Skills项目地址: https://gitcode.com/GitHub_Trending/skills3/skills