AI PICKS / FIELD NOTES
如何安装 Claude Code Skills
从 GitHub 安装一个 Skill，区分项目与个人目录，并确认 Claude Code 能识别和使用。
先看答案
GitHub 上发布的 Skill 可以通过 skills CLI 安装，按提示选择 Claude Code。手动安装时，把 SKILL.md 与配套文件一起放入项目 .claude/skills/<name>/，或个人 ~/.claude/skills/<name>/；最后用小任务验证。
1. 检查来源与运行条件
运行安装命令前，先打开作者仓库，查看说明、许可证、配套脚本与运行条件。Skill 为 Agent 提供方法，不会替代订阅或必需的工具安装。
2. 安装一个已发布的 Skill
下面的示例仅选择 Anthropic 的 frontend-design，而非整个仓库。在具备 Node.js 与 npx 的终端中执行，按 CLI 提示选择 Agent 和安装范围，确认保存位置。
npx skills add https://github.com/anthropics/skills --skill frontend-design示例命令或提示词；不是本页的实际运行记录。
3. 手动安装时保留完整目录
保留作者的完整 Skill 文件夹。只复制 SKILL.md 可能导致相对路径引用的脚本、素材或参考文件缺失。项目范围适合当前仓库，个人范围适合跨项目使用。这些路径针对 Claude Code，不是所有客户端通用配置。
.claude/skills/frontend-design/
SKILL.md
# Keep any supporting files shipped by the author示例命令或提示词；不是本页的实际运行记录。
4. 先验证，再执行正式任务
在 Claude Code 的斜杠菜单确认 Skill，随后用 /frontend-design 执行一个小需求。让 Agent 说明加载了什么，再检查结果。未出现或未触发时，按排障指南逐项核对。
/frontend-design Propose a visual direction for a small developer-tool landing page. Do not change files yet.示例命令或提示词；不是本页的实际运行记录。
Codex 与其他 Agent 怎么安装？
通过 skills CLI 选择目标客户端，避免照搬 Claude Code 路径，并阅读该客户端安装文档。配套脚本与专有 frontmatter 可能需要适配；一个客户端能运行，不等于其他客户端已经验证。
来源与更新
2026-10-02：首版发布，核对来源与安装说明。执行前请查看来源的最新版本。