核心要点
- 我们做了一个Claude Code入门模板，用大白话就能搭全栈Web应用 —— 20个技能，3个智能体，Next.js技术栈。克隆下来，描述你想要什么，看它自动构建。
- 如果你对vibe-coding感兴趣，这是个很好的起点 —— 不需要你是工程师。重点就是你用正常的语言描述需求，AI来搞定剩下的。
- 丑话说在前面：这是个玩具项目 —— 我们内部用它快速搭建小工具，但它不是经过千锤百炼的企业级软件。就当是一个学习AI辅助开发的游乐场吧。
- MIT开源协议，完全免费 —— 随便fork，随便改，拿去做点好玩的东西。
等等，BPO公司做这个？
是的，我们知道——一家呼叫中心公司在GitHub上发布编程模板，听起来挺奇怪的。但我们有一个小型工程团队，天天都在开发内部工具，每次都从零搭同样的项目骨架实在烦了。于是我们把常用的配置打包成了一个配合Claude Code使用的模板，想着别人可能也用得上。
没什么开创性的东西，就是一个还不错的起点——如果你想试试用AI写代码的话。
里面有什么
Fullstack Vibe-Coding Template本质上就是一个Claude Code的入门项目——Claude Code是Anthropic出品的AI编程工具。你克隆下来，用大白话告诉Claude你想要什么，它就帮你把整个应用搭好。数据库、UI、API、测试——全套。
听起来好得不像真的？确实有点。对于简单项目来说，效果出奇地好，但别指望它在太复杂的东西上也能施展魔法。秘诀在于.claude/skills/目录里预写好的20个”技能”和3个辅助智能体，它们教Claude怎么正经地干活。
技能体系（说白了就是提示词文件）
每个技能就是一个文本文件，里面写着某项任务的具体指令。Claude读了就照做。没什么花哨的，但能保证一致性。
造东西： 数据库设计、API规范、测试、版本控制。
保持干净： 安全检查、性能优化、无障碍合规（WCAG）、依赖更新。
做好看： UI组件（Tailwind + shadcn/ui）、多语言支持（i18n）、图表和数据可视化。
辅助工具： 一个智能体帮你判断该用哪些技能。另一个从你的工作中学习并创建新技能。（这个其实挺酷的。）
技术栈
标准的现代Web开发配置：
- Next.js 14 配合 React 18 和 TypeScript
- Tailwind CSS 配合 shadcn/ui 组件
- Drizzle ORM —— 本地用SQLite，生产用MySQL
- Vitest + Playwright 做测试
- CI/CD 配置已内置
我们怎么用的（无聊的背景故事）
我们是一家BPO公司——帮其他企业做客户服务。运营团队天天在要各种小工具：给这个客户搞个仪表盘，给那个账户做个报表组件，做个入职流程追踪器。通用软件覆盖不了这些细分需求，所以我们的小工程团队就自己造。
这个模板就是我们搭建这类内部小工具时的起点。没什么光鲜的——只是省得我们每次都复制粘贴同一套配置。
有人需要个东西
运营经理说”我需要一个能显示X、Y、Z的仪表盘。“我们描述需求
我们用大白话写出这个工具应该做什么。Claude出初稿
克隆模板，把需求喂给它，Claude就生成整个应用——数据库、API、UI，全套。我们收拾残局
人工审查代码，跑测试，修掉奇奇怪怪的地方，然后上线。通常几天搞定。就这样。没什么宏大愿景，就是一种更快造小工具的方式。
为什么免费送出去？
说实话？作为私有代码它没那么值钱。就是个脚手架——Next.js、Tailwind、Drizzle。你花一个周末也能搭出差不多的东西。
真正有用的是这个模式——通过结构化的技能文件来教AI助手你团队的最佳实践。我们觉得更多人应该试试这个思路，尤其是对AI编程感兴趣的非工程师。
而且，把代码放到GitHub上能让我们保持诚实。如果我们的安全审查技能不够格让陌生人看，那它也不够格给我们自己用。
去玩吧
模板在这里：github.com/callnovo-lab/fullstack-vibe-coding-template。MIT协议，免费。克隆下来，装好Claude Code，告诉它你想造什么。
两个好玩的命令：
/just-do-it—— 自动对你的代码跑一遍所有质量检查。/improve-skills—— 从你刚造的东西里学习，为下次创建新技能。
如果你一直对vibe-coding好奇但不知道从哪开始——这是一个压力很小的尝试方式。尽管折腾，fork它，拿去做点奇奇怪怪的东西。这就是它存在的意义。
