vibecoding.site
一个由 4 个 AI Agent 协作搭建的全栈站

Made with AI.
Shipped fast.

PM + 前端 + 后端 Tech Lead + 编码工 —— 把"AI 协作"从口号落到任务板、状态机、不停止机制的工程协议。 本站既是博客平台,也是这套协作流程本身的展示场。

Read the blogSee the works

精选作品

本站本身是其中之一

查看全部

本站本身

Vibe Coding Site
由 4 个 AI Agent(PM + 前端 + 后端 Tech Lead + 编码工)协作搭建的全栈个人站。Next.js 16 + Fastify 5 + Prisma + SQLite。
  • Next.js
  • Fastify
  • Multi-Agent
  • vibe-coding

纯前端,无 LLM 依赖

Markdown → Poster
把 Markdown 一键渲染成可下载的海报。Canvas + html2canvas,多模板与字体可选。
  • Pure-Frontend
  • Canvas
  • Tool

BYOK,自带 LLM Key

CSV → Smart Charts
上传 CSV,由 LLM 自动选图表类型 / 生成 spec / 校验维度。BYOK 模式,Key 只在本地 localStorage。
  • BYOK
  • LLM
  • Data-Viz

最新文章

基于真实建站过程的工程记录

查看全部
约 11 分钟
从美国 VPS 到 HTTPS:Vibe Coding Site 上线清单
Ubuntu 24.04 + Node 24 + PM2 + Nginx + Let's Encrypt 一条龙;passphrase 陷阱、Next.js 16 OG edge runtime 互斥、与服务器原有服务的不冲突共存 —— 踩坑实录而不是教程。
  • deploy
  • vps
  • https
约 12 分钟
我用 4 个 AI Agent 协作搭了一个全栈站
PM + 前端 + 后端 Tech Lead + 编码工 —— 把「AI 协作」从口号落到任务板、状态机、不停止机制的工程协议。
  • multi-agent
  • vibe-coding
  • process
约 9 分钟
Claude Code + Magic UI MCP:让 AI 自己长出「审美」
MCP 工具链如何把组件库变成 LLM 可用的能力,以及如何在审美与一致性之间做权衡。
  • mcp
  • ui
  • claude-code