Claude Code 前端使用
安装与配置
首先通过 npm 全局安装 Claude Code，确保环境就绪。
npm install -g @anthropic-ai/claude-code
安装完成后，运行 claude --version 验证版本。若显示版本号，说明安装成功。
接下来配置 Claude Code 结合 GLM 智谱大模型（免费方案）。推荐使用 Coding Tool Helper 作为辅助工具，它能自动完成 MCP 服务器管理及套餐配置。
在命令行执行以下命令启动助手：
npx @z_ai/coding-helper
按照界面提示操作即可。随后在 VSCode 中安装 Claude Code 插件，或在指定项目目录打开 CLI 终端开始交互。
![图片]
Claude Skills 前端使用
Anthropic 的 Agent Skills 提供了专业技能管理方案，现在社区已开发出多种方案让 Cursor、Windsurf 等工具也能使用。OpenSkills 是一个通用的 Skills 加载器，支持跨平台使用。
核心特性包括跨平台支持、零配置同步 AGENTS.md 元数据、兼容官方仓库以及 CI/CD 友好模式。
快速开始
-
安装 OpenSkills
npm install -g openskills openskills --version -
初始化项目 进入项目目录后运行
openskills init，会自动创建.openskills/目录和AGENTS.md文件。 -
安装 Skills 可以从官方仓库或本地路径安装：
openskills install anthropic-agent-skills/document-skills openskills install ./my-custom-skill openskills install [email protected]:yourorg/private-skills.git -
同步到 AGENTS.md
openskills sync openskills sync --output .claude/instructions.md
为什么需要 Skills？
传统方式下，每次对话都需要重复说明品牌指南或代码审查标准。Skills 允许将这些专业知识封装成可复用的技能包，一次定义，多次使用。这不仅能保证一致性，还能扩展处理 Office 文档、PDF 或特定业务流程的能力。
Skills vs. Tools (MCP)
Skills 侧重于封装领域知识和操作流程（How），适合静态、可重复的专业知识；而 MCP Tools 侧重于连接外部系统和实时数据（Where），适合动态任务。
选择 Skills 的场景： 文档生成、业务流程自动化、本地数据分析、代码审查。 选择 MCP Tools 的场景： 实时数据获取、多系统编排、遗留系统集成、外部服务调用。
![图片]
OpenCode 前端使用
OpenCode 是一款专为终端环境设计的开源 AI 编码工具，支持在命令行直接与 AI 对话。
安装与配置
推荐使用 curl 脚本安装：
curl -fsSL https://opencode.ai/install | bash
或者使用包管理器：
