Anthropic官方Skill说明

Anthropic Official Skills: Complete Guide to 17 Open-Source Agent Skills

来源：、

Anthropic开源了17项 Agent Skills，涵盖创意设计、文档创作、技术开发及企业沟通。

什么是 Agent Skills?

Skills是包含指令、脚本和资源的文件夹，Claude会动态加载这些技能以提升特定任务的性能。每个技能的核心是一个SKILL.md文件，其中包含YAML前置元数据和Markdown指令。

--- name: my-skill-name description: What this skill does and when to use it ---

技能加载 (渐进式披露：Progressive Disclosure)

元数据（Metadata） — 始终可见 (约100字描述)
SKILL.md — trigger加载 (<500 行)
参考文献（References） — 按需加载 (scripts, data, templates)

All 17 Skills at a Glance

Category	Skill	Purpose
Creative	algorithmic-art	根据随机种子使用p5.js生成艺术
canvas-design	博物馆/杂志级视觉艺术
slack-gif-creator	针对 Slack 优化的动画 GIF
theme-factory	10种专业的视觉主题
Design	brand-guidelines	Anthropic品牌身份
frontend-design	专业级UI，杜绝“AI粗糙感”
web-artifacts-builder	React + Tailwind 交互式组件
Documents	docx	word文档创建和编辑
pdf	PDF 读/创建/合并/OCR/forms
pptx	PPT创建
xlsx	excel（包含公式）
Technical	claude-api	Claude API/SDK 开发
mcp-builder	MCP Server 构建
skill-creator	创建Skill（包括测试）
webapp-testing	Playwright浏览器自动化
Enterprise	doc-coauthoring	协作文档撰写
internal-comms	内部沟通模板

创意 & 生成 Skills

Algorithmic Art

利用p5.js生成具有种子随机性和交互式参数探索功能的生成式艺术作品

Workflow:

创建算法体系(.md) — 明确美学方向
实现 p5.js 交互式组件（.html）——使用提供的查看器模板

Features:

用于确保可重复性的随机种子（Art Blocks图案）
交互式参数控制与种子导航
粒子系统、噪声场、流场
哲学：美在于过程，而非最终结果。

Canvas Design

博物馆/杂志级别的视觉艺术作品（ .png and .pdf）

90%为视觉内容，10%为文本——仅文本作为视觉点缀
精致的设计导向方法（绝不采用卡通风格）
打包的canvas字体目录
重点：看起来是手工制作的，而非人工智能生成的

Slack GIF Creator

动化 GIFs 优化 for Slack.

Spec	Value
表情符号-Emoji size	128x128
消息大小-Message size	480x480
帧率-FPS	10-30
颜色-Colors	48-128
时长-Duration	<3 seconds (emoji)

内置功能：GIFBuilder类，6种缓动函数，8种动画效果（摇晃、脉冲、反弹、旋转、渐变、滑动、缩放、粒子爆发）.

Theme Factory-主题工厂

10个预设的专业主题，包含多种颜色和字体.

主题：海洋深处（Ocean Depths）、日落大道（Sunset Boulevard）、森林树冠（Forest Canopy）、现代极简主义（Modern Minimalist）、黄金时刻（Golden Hour）、北极霜冻（Arctic Frost）、沙漠玫瑰（Desert Rose）、科技创新（Tech Innovation）、植物园（Botanical Garden）、午夜银河（Midnight Galaxy）

每个主题：完整的色彩调色板（十六进制代码）+互补字体组合。适用于幻灯片、文档、报告和着陆页。

设计与前端（Design & Frontend ）Skills

品牌指南

采用Anthropic的官方品牌标识. Colors: Dark#141413, Light#faf9f5, Orange#d97757, Blue#6a9bcc, Green#788c5d. Fonts: Poppins (headings), Lora (body).

前端设计

采用专业级前端界面设计，避免出现“AI粗糙”式的视觉效果。

原则:

大胆的美学方向——刻意追求极端风格（极简主义或极繁主义）
独特的排版风格——绝不使用 Inter/Arial/系统字体
统一的配色方案——主导色占比60%-70%，点缀鲜明
运动效果 — CSS 动画、滚动触发、悬停状态
空间构成——不对称、重叠、对角线流动、充裕的负空间

禁止使用：通用背景、紫色渐变色、统一的圆角设计、千篇一律的图案。

Web Artifacts Builder

采用 React 18、TypeScript、Tailwind 和 shadcn/ui 开发的多组件交互式组件

预装了 40 多个 shadcn/ui 组件 + Radix UI
scripts/init-artifact.sh — 项目初始化
scripts/bundle-artifact.sh — 将多个独立的 HTML 文件合并为一个自包含的 HTML 文件
带路径别名配置的分区捆绑器

Document Skills (Source Available)

这四项技能构成了Claude文档处理功能的核心基础。该代码为开发者参考而提供（非开源）.

DOCX — Word Documents

Operation	Tool
读-Read	pandoc (text), unpack XML (raw)
写-Create	docx-js library
编辑-Edit	Unpack -> edit XML -> repack

支持内容：表格（DXA units）、图像、页眉/页脚、跟踪修改记录、目录、多列布局、超链接、书签、脚注

PDF — PDF Processing

Operation	Tool
读-Read/Extract text	pdfplumber
表格提取-Extract tables	pdfplumber + pandas
创建-Create	reportlab (Canvas or Platypus)
合并/拆分/旋转-Merge/Split/Rotate	pypdf
OCR	pytesseract
表单-Forms	Detailed in FORMS.md
CLI operations	qpdf

PPTX — PowerPoint

Operation	Tool
读-Read	markitdown (text), thumbnail.py (visual)
创建-Create	pptxgenjs (npm)
编辑-Edit	Unpack -> edit XML -> clean -> repack

设计规则: 使用以60%-70%为主色调的粗体配色方案；采用独特的字体组合（避免使用Arial字体）；标题字号为36-44磅，正文字号为14-16磅。视觉质量保证是强制性的——必须假设存在问题。

XLSX — Excel Spreadsheets

工具: pandas (数据分析), openpyxl (复杂格式/公式).

Critical rules:

使用公式(=SUM()), 请勿硬编码值
创建公式后运行scripts/recalc.py
财务模型颜色编码：蓝色（输入数据）、黑色（公式）、绿色（内部链接）、红色（外部链接）
验证0公式错误（#REF！、#DIV/0！、#value！、#N/A、#NAME？）

技术与开发（Technical & Development） Skills

Claude API

使用Claude API或Anthropic SDK构建LLM应用程序.

Models:

Model	上下文	Use
Opus 4.6	200K	默认值，功能最强大
Sonnet 4.6	200K	复杂编码
Haiku 4.5	200K	运行速度快、成本低

主要特点:

思考:thinking: {type: "adaptive"}(Opus/Sonnet 4.6)
努力程度（Effort）:output_config: {effort: "low"|"medium"|"high"|"max"}
流式输出（Streaming）: default for long input/output
工具使用（Tool Use）: automatic runner or manual loop（手动介入）
结构化输出（Structured Outputs）:output_config: {format: {...}}
文件API（Files API）: persistent file references
SDKs: Python, TypeScript (full), Java, Go, Ruby (beta), C#, PHP, cURL

决策树:单次调用/Single call -> 工作流（工具调用）/Workflow (tool use) -> Agent (open-ended exploration).

MCP Builder

创建高质量 MCP (Model Context Protocol) servers.

四个阶段:

深度研究（Deep Research） — API文档与集成模式（API docs and integration patterns）
实现方式（Implementation） — 推荐TypeScript, Python可选
审核/测试（Review/Test） — MCP Inspector (npx @modelcontextprotocol/inspector)
评估（Evaluations） — 10道复杂且独立的评估题目（10 complex, independent evaluation questions）

原则:全面的API覆盖范围（Comprehensive API coverage） > 工作流工具（workflow tools）. 清晰的命名(github_create_issue). 可处理的错误消息. 工具注释:readOnlyHint,destructiveHint,idempotentHint.

Skill Creator

创建新skills，迭代，并且评估效果。

Workflow:

起草 SKILL.md + resources
设置评估 evals/evals.json (2-3个真实场景 prompts)
评估:平行对比Skill和基线（ with-skill vs. baseline in parallel）
根据反馈意见改进（Improve based on feedback）
扩大测试覆盖范围（Expand test coverage）
优化出发描述（Optimize description triggering）

Tools: eval-viewer/generate_review.py,run_loop.py(20个查询描述优化), benchmarking (mean +/- stddev).

Webapp Testing

使用 Playwright 测试本地 Web 应用程序.

操作流程: 先侦察后行动（Reconnaissance-then-action） (等待网络空闲状态 →截取屏幕截图 →识别选择器 →执行操作)
scripts/with_server.py 管理服务器生命周期
可同时支持多个服务 (backend + frontend)
在DOM检查之前始终等待page.wait_for_load_state('networkidle')

企业与沟通（Enterprise & Communication） Skills

文档协同创作（Doc Coauthoring）

用于协作创建文档的结构化工作流

Stage	Process
1. 背景收集	用户提供背景信息， Claude提问5-10个澄清性问题
2. 改进	逐步推进：头脑风暴（5-20个选项）->精选->草稿->迭代
3. 读者测试	没有背景信息的Claude验证文档清晰度

质量控制门：3次迭代没有发生变更后，评估可以移除的内容

内部通讯（Internal Comms）

使用模板进行公司专属的内部沟通

类型：3P更新（进展/计划/问题-Progress/Plans/Problems）、公司通讯、常见问题解答、状态报告、领导层动态、项目更新、事件报告。

每种类型在 examples/ 目录下均配有相应的指南和模板。

跨领域设计模式（Cross-Cutting Design Patterns）

Anti-AI-Slop — 所有创意技能都强调具有独特性、针对特定情境的设计，而非通用模板
实施前的哲学思考——在编码前明确美学方向
公式优先于计算——动态文档，而非硬编码值
强制性验证—— PPTX 需通过视觉质量保证， XLSX 零错误，技能评估需完成10道题目，MCP需通过评估。
逐步披露机制——元数据始终可见，详细信息按需加载

Building Your Own Skill

my-skill/ ├── SKILL.md           #Required: instructions + frontmatter ├── references/        # Optional: reference docs ├── scripts/           # Optional: helper scripts ├── assets/            # Optional: resources └── evals/             # Recommended: evaluation tests    └── evals.jsonCopy

前言部分只需填写名称和描述。该Markdown内容包含说明、示例和指南。