前段时间 Skills 非常火爆，Vue 和 React 团队纷纷推出了自家的 Skills。于是我抱着试试看的态度，使用了一下 Vue 团队的 Skills。我尝试用 OpenCode + Minimax + Skills 做了一套前端工程化配置，真是小刀拉屁股——开了眼了。
整体体验下来非常顺畅。像单元测试这种能力可以直接使用，生成测试代码时，只要依照 Skills 规范让 AI 输出即可，效果相当完美。我真的不敢想象，如果放在以前，配置这些前端工程化的东西要花费多少精力。现在只需要让 AI 遵守最佳实践，效果又快又好，甚至让 Minimax 这种远不如 Claude Code 4.5 的模型，也能精准完成复杂的前端工程化部署。
后来我想用 React 团队的 Skills，却发现他们的下载规范和 Vue 的使用方式不太一样，而且查找 Skills 也比较麻烦。每个团队都建了各自的代码仓库。当时我就在想，如果能做一个类似 npm 的平台，让大家开发自己的 Skills，遵守统一规范上传到统一平台，下载和使用方式也统一，最重要的是好找，那是不是可行？
越想越觉得市场广阔，于是我就开始动手。
前端开发对我来说和喝水一样简单，但 UI 和交互设计我确实不太行，不懂产品设计是一大问题。好在时代不同了，我直接找了 Gemini，把诉求告诉它之后，它开始帮我写前端页面。最后生成的效果非常好，审美在线，交互体验和功能设计也很专业。毫不夸张地说，比我们公司的产品经理还专业。Gemini 给出的页面几乎可以说是完美的。
当然，Gemini 生成的只是静态页面，后续开发还得我自己完成。
我把代码下载下来，使用 React 团队的一些最佳实践 Skills 来规范项目。技术栈用的是 Next.js，Skills 里提供了组件封装和工程化（如 Turborepo）等方案。接下来就是让 Minimax 帮我规范整个项目。
不过说实话，这种几乎等同于一次重构的操作，对 Minimax 来说还是有点吃力。但我有“PUA 大法”，一步步引导，连打带骂带求情，搞了三个多小时，终于给我整理好了。这个强度的工作，如果让 Claude Code 4.5 来做，几十美金估计早没了。这一波 Minimax 属实赢麻了。
但 Minimax 最大的问题是容易陷入循环。解决报错时会反复来回修改，有时候似乎也听不懂我的意思。
我使用的 AI IDE 是 Trea。3 美元的首次体验用完之后，我下载了国区版本，全部免费使用。我主要用它的代码提示功能，感觉还是挺智能的。
后面使用 Skills 部署数据库和 Prisma 就不多说了，流程都差不多。
远端数据库我选择了 Supabase。它有免费的额度和免费的对象存储，对于我想零成本快速上线一个 MCP 来说非常友好。在网页上手动配置数据库这些东西，我不太想折腾——既没技术含量，又浪费时间，还容易反复试错。
于是我在本机部署了 OpenClaw（clawdbat），接的还是 Minimax 模型，主要是量大管饱，钱包安全。然后把诉求交给 OpenClaw，让它帮我在浏览器里配置数据库和存储，同时在本地代码里添加环境变量并调试。安排完之后，我就出门吃饭了。
结果事情并不顺利。
半个小时后回来一看，直接炸了。OpenClaw 给我打开了不知道多少个浏览器窗口，电脑已经卡得不行，任务却没有完成。我怀疑又是 Minimax 陷入循环了（流汗）。
于是我把 Supabase 的网页截图和文档丢给 ChatGPT，按步骤操作，几分钟就配置好了。后续功能开发就不多赘述了，都是常规流程——给 AI 提示词，让它做功能。
写业务逻辑之前，第一件事当然是数据库设计。
我把需求分别交给 Minimax 和 Kimi 2.5 设计，想看看谁更符合我的要求。结果都还算合理，只是 Kimi 2.5 考虑得更全面，多设计了几个字段和表。为了快速实现 MCP，我还是采用了 Minimax 的简化版本。
Prisma 配置完成，数据库跑通之后，就是愉快的 CRUD 时间了。
因为这是我第一次用 Next.js，不太熟悉它的分层规范，比如数据库查询逻辑该怎么组织。于是我用 Kimi 2.5 帮我实现一个符合规范的 Next.js 全栈 CRUD 框架。
结果它对目录结构理解有点离谱，直接在 monorepo 根目录下创建了一个 module 文件夹，给我整无语了。
后来我问了 ChatGPT 关于最佳分层实践，把建议整理后丢给 Kimi 2.5，才算勉强创建好结构。
整体使用下来感觉是：第一次问它，经常改出一堆报错；第二次才能改好。最大的问题是消耗太快。用了两三个小时（可能因为上下文太长），一天额度直接干掉 40%。虽然比 Minimax 2.1 强一点，但这个消耗速度我确实接受不了。最后还是回归“量大管饱”的 Minimax。
这个平台里，我觉得最重要的功能是开发一个 npm 包，用来让用户上传自己的 Skills，同时规定开发规范。
比如：
- 创建 Skills 项目：
npx skills-cli --new <name> - 创建成功后，根目录会生成一个 JSON 文件，保存当前项目的信息，类似 package.json。
- 创建一个 Skill：
npx skills-cli --create <skill-name> - 会生成一个文件夹，包含 SKILL.md 和配置文件。
- 上传 Skill：
npx skills-cli --push <apiKey> - 下载 Skill：
npx skills-cli --add <skill-name>
看上去是不是还挺规范的？
但在开发这个 npm 包时，我必须吐槽一下 Minimax。
前面我对它夸得挺多，但在这里真的不堪入目。生成的代码又臭又长，还不能用。无奈之下，我问了 ChatGPT。
我把需求说清楚之后，它直接推荐了一些现成的 npm 包，比如：
- chalk（命令行彩色输出）
- commander（读取命令参数）
- inquirer（交互式命令行）
- giget（下载模板）
还给了我清晰的实现思路。
说实话，我最近用 Codex 5.3 解决公司项目问题时，也经常先把报错丢给网页版 ChatGPT，让它分析思路，再让 Codex 执行。不然 Codex 经常找不到问题根源。
而 Minimax 的问题在于，像这种明明可以通过现有扩展包解决的事情，它却非要从零开始造轮子。
项目开发差不多后，我上传到 Vercel 部署。
但 Vercel 默认域名在大陆访问不太友好，看起来也不够专业。于是我买了一个域名，做了解析，现在可以在国区正常访问了。
最后我全流程测试了 Skills 的开发、上传和展示流程，一切都非常顺畅。
项目地址： www.skill-hub.cn/
npm包名称: skills-cil
