Anthropic Official Skills

--- name: anthropic-official-skills-guide description: Anthropic Official Skills 合集使用教程 --- # Anthropic Official Skills 使用教程 ## 合集简介 本合集收录了 Anthropic 官方发布的 Claude Skills，涵盖算法艺术、文档处理、MCP 构建、前端设计等多个领域。这些技能是 Claude Code、Cursor、Codex 等 AI 编程工具的首选配置。 ## 技能分类 ### 🎨 创作与设计 (5 个) | Skill | 用途 | 适用场景 | |-------|------|---------| | **algorithmic-art** | 算法艺术生成 | 编程艺术、生成式设计、视觉创作 | | **canvas-design** | 数字画布设计 | UI 原型、交互设计、视觉排版 | | **frontend-design** | 前端界面设计 | 网页设计、组件设计、响应式布局 | | **slack-gif-creator** | GIF 动图创作 | 社交媒体内容、演示动画、趣味表达 | | **theme-factory** | 主题配色方案 | 品牌设计、UI 主题、视觉规范 | ### 📄 文档处理 (6 个) | Skill | 用途 | 适用场景 | |-------|------|---------| | **docx** | Word 文档生成 | 报告、提案、合同文档 | | **pdf** | PDF 文件处理 | 文档转换、PDF 编辑、报告生成 | | **pptx** | PowerPoint 制作 | 演示文稿、演讲准备、培训材料 | | **xlsx** | Excel 表格处理 | 数据分析、报表制作、数据可视化 | | **doc-coauthoring** | 文档协作编写 | 多人协作、文档审核、版本管理 | | **internal-comms** | 内部通讯写作 | 团队公告、会议纪要、邮件撰写 | ### 🔧 技术工具 (4 个) | Skill | 用途 | 适用场景 | |-------|------|---------| | **claude-api** | Claude API 使用 | API 集成、自动化脚本、工具开发 | | **mcp-builder** | MCP 服务器构建 | 模型上下文协议、工具扩展、服务集成 | | **web-artifacts-builder** | Web 应用构建 | 单页应用、交互式演示、原型开发 | | **webapp-testing** | Web 应用测试 | UI 测试、功能验证、用户体验优化 | | **skill-creator** | 自定义技能创建 | 技能开发、工作流自动化、扩展功能 | ### 📋 基础指南 (2 个) | Skill | 用途 | 适用场景 | |-------|------|---------| | **brand-guidelines** | 品牌规范制定 | 品牌识别、设计规范、企业形象 | | **frontend-design** | 前端设计模式 | 组件库、设计系统、响应式原则 | --- ## 使用指南 ### 1. 算法艺术创作 (algorithmic-art) **核心能力：** - 使用代码生成数学艺术作品 - 创建分形、粒子系统、几何图案 - 结合随机性与确定性的视觉表达 **使用示例：** ``` 请帮我用 algorithmic-art 技能创建一个： - 基于 Mandelbrot 集合的分形艺术 - 使用渐变色和透明度叠加 - 适合用作桌面壁纸的尺寸 ``` **最佳实践：** - 先定义艺术风格和目标效果 - 使用参数化方法调整细节 - 导出为高分辨率 PNG 或 SVG ### 2. 文档协作编写 (doc-coauthoring) **核心能力：** - 多人协作编辑文档 - 版本控制和变更追踪 - 评论和反馈收集 **使用示例：** ``` 使用 doc-coauthoring 技能协作文档： 1. 创建文档模板 2. 邀请团队成员编辑 3. 收集反馈意见 4. 整合所有修改 5. 导出最终版本 ``` **最佳实践：** - 明确分工和权限 - 设置合理的截止日期 - 使用评论功能进行非同步沟通 ### 3. MCP 服务器构建 (mcp-builder) **核心能力：** - 创建 Model Context Protocol 服务器 - 集成外部工具和 API - 扩展 AI 助手能力 **使用示例：** ``` 使用 mcp-builder 技能创建一个： - GitHub API 集成服务器 - 支持查询 PR、Issue、仓库信息 - 配置 OAuth 认证 - 提供 RESTful 接口 ``` **最佳实践：** - 遵循 MCP 规范 - 实现错误处理和日志 - 提供完整的文档 ### 4. Web 应用构建 (web-artifacts-builder) **核心能力：** - 快速构建交互式 Web 应用 - 创建数据可视化和演示 - 生成可分享的原型 **使用示例：** ``` 使用 web-artifacts-builder 创建一个： - 个人作品集网站 - 包含项目展示、About 页面 - 响应式设计 - 支持 dark/light 主题切换 ``` **最佳实践：** - 使用现代框架（React/Vue） - 注重用户体验和性能 - 测试多种设备兼容性 --- ## 工作流组合建议 ### 内容创作工作流 ``` algorithmic-art → canvas-design → frontend-design ↓ ↓ ↓ 生成素材 设计布局 前端实现 ``` ### 文档协作工作流 ``` doc-coauthoring → internal-comms → docx/pptx/xlsx ↓ ↓ ↓ 起草内容 内部沟通 格式输出 ``` ### 技术开发工作流 ``` claude-api → mcp-builder → web-artifacts-builder ↓ ↓ ↓ API 集成 工具扩展 应用构建 ``` ### 完整项目流程 ``` 1. brainstorming → 生成创意 2. frontend-design → 设计界面 3. web-artifacts-builder → 构建原型 4. webapp-testing → 测试验证 5. doc-coauthoring → 编写文档 6. skill-creator → 打包技能 ``` --- ## 实战案例 ### 案例 1：创建个人品牌网站 **步骤：** 1. 使用 **brand-guidelines** 确定品牌色和设计语言 2. 使用 **algorithmic-art** 生成独特的视觉元素 3. 使用 **canvas-design** 设计页面布局 4. 使用 **frontend-design** 实现响应式组件 5. 使用 **web-artifacts-builder** 构建完整网站 6. 使用 **webapp-testing** 测试兼容性和性能 **预期成果：** - 完整的品牌视觉体系 - 响应式个人网站 - 可部署的静态页面 ### 案例 2：团队协作文档系统 **步骤：** 1. 使用 **docx** 创建标准文档模板 2. 使用 **doc-coauthoring** 建立协作流程 3. 使用 **internal-comms** 制定沟通规范 4. 使用 **pptx** 制作培训材料 5. 使用 **xlsx** 管理项目数据 **预期成果：** - 标准化的文档体系 - 高效的协作流程 - 完整的项目文档 ### 案例 3：开发 MCP 工具 **步骤：** 1. 使用 **claude-api** 了解 API 能力 2. 使用 **mcp-builder** 构建服务器 3. 使用 **web-artifacts-builder** 创建管理界面 4. 使用 **webapp-testing** 进行测试 5. 使用 **skill-creator** 打包为技能 **预期成果：** - 可扩展的 MCP 服务器 - 直观的管理界面 - 可用的 Claude Skill --- ## 进阶技巧 ### 性能优化 ```markdown - 使用缓存减少重复计算 - 优化图像和资源加载 - 实施懒加载和代码分割 ``` ### 安全实践 ```markdown - 遵循最小权限原则 - 实施输入验证和输出编码 - 定期更新依赖和安全补丁 ``` ### 质量保障 ```markdown - 编写单元测试和集成测试 - 实施代码审查流程 - 建立 CI/CD 自动化流水线 ``` --- ## 常见问题 ### Q: 这些技能如何安装？ **A:** 在 Claude Code、Cursor 等工具中，通过以下命令安装： ```bash claude skill add <skill-name> # 或 cursor skills add <skill-name> ``` ### Q: 如何自定义技能？ **A:** 使用 **skill-creator** 技能创建自定义版本： 1. 复制原始技能文件 2. 根据需要修改配置 3. 测试自定义版本 4. 发布或共享 ### Q: 支持哪些平台？ **A:** 主要支持： - Claude Code - Cursor - Codex CLI - GitHub Copilot - 其他支持 MCP 的工具 ### Q: 如何获取最新技能？ **A:** 定期关注 Anthropic 官方 GitHub 仓库更新： ```bash git clone https://github.com/anthropics/skills.git cd skills/skills # 查看最新技能列表 ``` --- ## 资源链接 - [Anthropic 官方仓库](https://github.com/anthropic/skills) - [Claude API 文档](https://docs.anthropic.com/claude/reference/) - [MCP 规范](https://modelcontextprotocol.io/) - [Skill 开发指南](https://docs.anthropic.com/en/docs/agents-and-tools/skills) --- *合集来源：Anthropic 官方 Skills 仓库* *最后更新：2026-08-17*

创建于 2026-08-17，更新于 2026-08-18

说明

本合集收录了 Anthropic 官方发布的 Claude Skills，涵盖算法艺术、文档处理、MCP 构建、前端设计等多个领域。这些技能是 Claude Code、Cursor、Codex 等 AI 编程工具的首选配置。 Skill 用途 适用场景 ------- ------ --------- algorithmic-art 算法艺术生成 编程艺术、生成式设计、视觉创作 canvas-design 数字画布设计 UI 原型、交互设计、视觉排版 frontend-design 前端界面设计 网页设计、组件设计、响应式布局 slack-gif-creator GIF 动图创作 社交媒体内容、演示动画、趣味表达 theme-factory 主题配色方案 品牌设计、UI 主题、视觉规范 Skill 用途 适用场景 ------- ------ --------- docx Word 文档生成 报告、提案、合同文档 pdf PDF 文件处理 文档转换、PDF 编辑、报告生成 pptx PowerPoint 制作 演示文稿、演讲准备、培训材料 xlsx Excel 表格处理 数据分析、报表制作、数据可视化 doc-coauthoring 文档协作编写 多人协作、文档审核、版本管理 internal-comms 内部通讯写作 团队公告、会议纪要、邮件撰写 Skill 用途 适用场景 ------- ------ --------- claude-api Claude API 使用 API 集成、自动化脚本、工具开发 mcp-builder MCP 服务器构建 模型上下文协议、工具扩展、服务集成 web-artifacts-builder Web 应用构建 单页应用、交互式演示、原型开发 webapp-testing Web 应用测试 UI 测试、功能验证、用户体验优化 skill-creator 自定义技能创建 技能开发、工作流自动化、扩展功能 Skill 用途 适用场景 ------- ------ --------- brand-guidelines 品牌规范制定 品牌识…

成员

查看合集详情