Claude Code + cc-switch + Skills 搭建出一个完整的 AI Agent 编程环境

优质文章学习记录

— 3 min read

本文整理了 Claude Code + cc-switch + Skills 的入门教程，帮助你快速搭建完整的 AI 编程环境。下面三篇内容分别对应 安装使用、API切换工具、AI技能扩展，建议按顺序学习。

介绍了在国内使用 Claude Code 的两种安装方式（命令行直接安装和通过 IDE 插件安装），以及两种 API 配置方案（官方 Claude 账号和国内免费 LongCat 模型），重点讲解了使用美团开源的 LongCat 模型时的完整配置步骤，包括获取 API Key、修改配置文件、跳过登录验证等操作，最后演示了如何在项目目录中启动 Claude Code 并利用它进行代码开发。

https://www.bilibili.com/video/BV1oPFDzQEG7

补充：如果需要使用付费模型进行 AI 编程，比较推荐选择 MiniMax 的 Coding Plan Starter 套餐（29 元/月）。该套餐专门为开发者设计，每 5 小时提供 40 次 prompts 调用额度，支持 MiniMax M2 系列模型，适合 Claude Code、Cursor 等 AI 编程工具使用，能够满足大多数日常开发和代码辅助需求，性价比较高。

这篇文章介绍了 cc-switch，一款用于 AI 编程时快速切换不同 API 服务资源的开源桌面工具（GitHub 4.2k 星），主要解决因 API 掉线、额度用完或需要更换模型（如从 GLM 切换到 Claude）时频繁修改配置的痛点。它通过图形化界面支持为 Claude Code 和 Codex 管理多个供应商配置，并具备一键切换、MCP 配置同步、WSL 环境自动穿透等实用功能，让用户在不同第三方 API、本地模型或官方接口之间自由组合。文章还特别提及一个第三方分支，通过代理模式实现了站点自动切换（故障转移）和无需重启服务的增强功能。

https://zhuanlan.zhihu.com/p/1972328772964446521

详细讲解目前非常火的 AI 技术 Agent Skills 是什么、怎么安装使用，并揭秘其内部原理以及如何开发自己的 Skills 技能包。从 Claude Code 官方技能市场到社区热门的 UI UX Pro MAX 前端工具，手把手教你告别千篇一律的 AI 审美和蓝紫渐变。视频还会对比 Agent Skills 和 MCP、斜杠命令的区别，解释“渐进式披露机制”如何节省上下文 tokens。无论你是刚接触 AI 编程的新手，还是想提升 Cursor / VS Code / Codex AI 编程效率的程序员，或者是对新技术感兴趣的 Vibe Coding 玩家，这期内容都能帮助你快速上手 Agent Skills，让 AI 真正成为你的得力助手。

https://www.bilibili.com/video/BV1T7zzBQEaA

如果按 学习顺序，推荐这样理解整个 AI 编程工具链：

  1. 先安装并熟悉 Claude Code（核心 AI 编程工具）
  2. 再使用 cc-switch 管理不同模型 API（解决 API 切换问题）
  3. 最后通过 Agent Skills 扩展 AI 能力（让 AI 具备更多技能）

这样就可以搭建出一个 完整的 AI Agent 编程环境。

Read more

PDF在线编辑神器：PDF补丁丁Web版完全使用指南

PDF在线编辑神器：PDF补丁丁Web版完全使用指南 【免费下载链接】PDFPatcherPDF补丁丁——PDF工具箱，可以编辑书签、剪裁旋转页面、解除限制、提取或合并文档，探查文档结构，提取图片、转成图片等等 项目地址: https://gitcode.com/GitHub_Trending/pd/PDFPatcher 还在为PDF文件处理烦恼吗？每次需要编辑书签、合并文档时，都要下载安装复杂的桌面软件？现在，PDF补丁丁Web版让你告别安装烦恼，直接在线完成所有PDF编辑需求！ 用户痛点大揭秘：你中了几条？ 常见痛点传统解决方案问题所在偶尔需要编辑PDF书签安装桌面版软件占用空间，使用频率低急需合并多个PDF文件在线工具功能单一无法满足复杂需求想提取PDF中的图片需要多个工具配合操作繁琐，效率低下解除PDF使用限制工具安全性存疑担心文件泄露风险 核心功能全景展示 PDF补丁丁Web版作为一款专业的PDF在线编辑工具，提供了从基础到高级的完整功能体系： 基础编辑功能 * 书签管理：添加、编辑、删除书签，支持多级嵌套结构 * 页面处理：剪裁、旋转、调整页

WebP革命：从格式之争到WordPress性能优化的实战解析

WebP革命：从格式之争到WordPress性能优化的实战解析 当你在手机上浏览一个图片丰富的网站时，是否经常遇到页面加载缓慢、图片显示卡顿的情况？这背后往往与网站使用的图片格式密切相关。传统JPEG和PNG格式虽然普及，但在现代网页性能优化中已经显得力不从心。Google推出的WebP格式正在悄然改变这一局面——它能在保持同等画质的前提下，将图片体积缩减25%-35%，显著提升页面加载速度。 1. WebP技术解析：为何它能颠覆传统图像格式 WebP并非简单的另一种图片格式，而是Google基于VP8视频编码技术开发的全新一代图像解决方案。它的核心优势在于采用了更先进的预测编码算法，能够更高效地压缩图像数据。 与传统格式相比，WebP具有三大技术突破： * 有损压缩效率：在相同SSIM（结构相似性）指标下，比JPEG小25%-34% * 无损压缩效率：比PNG小26%左右，同时支持透明度通道 * 动画支持：可替代GIF，提供更高画质和更小体积 技术指标对比表： 特性JPEGPNGWebP压缩类型有损无损有损/无损透明度支持不支持支持支持动画支持不支持不支持支

专为前端新手编写的AbortController入门教程，通过生动比喻和简单示例讲解这个重要的Web API，帮助初学者快速掌握请求取消的核心概念。

快速体验 1. 打开 InsCode(快马)平台 https://www.inscode.net 2. 输入框内输入如下内容： 请创建一个面向初学者的AbortController交互式学习教程。要求：1) 用生活化比喻解释AbortController概念；2) 分步骤实现一个简单的请求取消示例；3) 添加可交互的代码沙盒让用户实时修改尝试；4) 包含常见问题解答；5) 提供可视化流程图说明工作原理。使用简洁的HTML/CSS/JavaScript实现，避免复杂框架。 1. 点击'项目生成'按钮，等待项目生成完整后预览效果 今天想和大家分享一个前端开发中非常实用的工具——AbortController。作为刚入门的前端开发者，可能对这个名词感到陌生，但其实它的概念非常简单，而且在实际项目中非常有用。 1. 什么是AbortController？ 想象一下你在餐厅点餐的场景：你向服务员（相当于浏览器）下单（相当于发起请求），但突然改变主意想取消订单。AbortController就像那个可以随时喊&

前端代码可读性优化：让你的代码不再像天书

前端代码可读性优化：让你的代码不再像天书 毒舌时刻 代码可读性？听起来就像是前端工程师为了显得自己很专业而特意搞的一套复杂流程。你以为随便加几个注释就能提高代码可读性？别做梦了！到时候你会发现，注释比代码还多，维护起来比代码还麻烦。 你以为变量名取长一点就能提高可读性？别天真了！过长的变量名会让代码变得臃肿，反而影响可读性。还有那些所谓的代码规范，看起来高大上，用起来却各种问题。 为什么你需要这个 1. 提高可维护性：良好的代码可读性可以提高代码的可维护性，减少维护成本。 2. 减少错误：可读性高的代码更容易理解，减少出错的概率。 3. 团队协作：良好的代码可读性可以便于团队成员之间的协作，减少沟通成本。 4. 代码复用：可读性高的代码更容易被复用，提高开发效率。 5. 降低学习成本：新团队成员可以更快地理解代码，降低学习成本。 反面教材 // 1. 变量名不清晰 function calc(a, b, c) { let x = a + b;