烧了 10 亿 token，做了套让 agent 直接拼出后台管理系统的 skill

TL;DR:烧了大概 10 亿 Opus 4.8 的 token ，做了一套 shadcn/ui 式的 skill —— 36 个抄即用的后台 UI 形状(CRUD 表格、详情/主从页、看板、日历、表单向导、图表、计费、RBAC 、i18n……)。给 coding agent 装上，它就能直接拼出一个能跑的管理后台，省 token ，而且每个控件都是仓库里检验过的真代码，不是现编的。

其实半年多前我发过一篇帖子，介绍过一个类似的项目(也就是这个项目的前身)。当时关注平平，现在回头看，做得也确实远远不够好:高不成低不就，GitHub 上一抓一大把比我完成度更高的同类项目，以至于连我自己都没真正用它搭过系统。

最近想把它捡起来复活。一开始的打算很朴素 —— 还是按传统「模板」的路子写，只是做得更完整、更好。结果动手没多久就发现这个思路根本不对:

既然现在完全可以用 AI 把一个后台管理系统生成出来，那为什么还要去用别人的模板? 套模板省下的边际成本其实没多少，反而要处处受模板结构的限制。

于是想到一个更顺的做法:把所谓的「模板」做成一套 skill。把我用 10 亿 Opus 4.8 token 反复打磨出来的那套后台，沉淀进 skill 里，再按模块组织起来 —— 要用的时候让 agent 自由搭配，而不是 clone 一个仓库再删删改改。

这其实就是 shadcn/ui 的那套理念:不发 npm 包、不做黑盒依赖，而是把源码直接抄进你的项目，你拥有、你掌控。只不过这次的「复制粘贴」是交给 coding agent 来做的。

用起来也很简单，一行装好:

npx openskills install ahpxex/open-dashboard

装到你的 coding agent(Claude Code / Cursor / Codex 等都行)之后，直接说一句「给我做一个管理后台 / dashboard 」之类的 prompt ，就能得到图里那样的东西。

技术栈:TanStack Start(React 19)、Drizzle + better-auth 、shadcn-on-base-ui + Tailwind v4 。前端是一套定死的精选栈，后端(数据 + auth)在两个 seam 后面可换。MIT 开源。

GitHub:https://github.com/ahpxex/open-dashboard

还在持续加形状，欢迎 star 、提 issue ，也欢迎直接拍砖 🙏