用 Next.js 重写自用博客，开源为 chaosyn-blog
chaosyn-blog 是 notion-fuwari 的下一版：Next.js 16 静态导出，部署在 Cloudflare Pages。文章放在 Git 仓库，可从 Notion 同步，也可由 AI 编码代理写好直接推送；构建会检查内容和全部产物，不合格就不发布。
#前端
这个主题下共有 4 篇文章。
只凭一份设计提炼做 SaaS 后台：把规则锁进主题，把看板骨架搬到新业务
只给 AI 一份从看板截图总结出的 33 行设计提炼，不看原图，用 Next.js 和 shadcn 做出同一套设计语言的 SaaS 经营后台，从建项目到提交约 70 分钟。做法是规则写进主题、骨架搬到新业务、模拟数据撑起数字、截图和点击脚本核对。
AI 做的页面像模板货又空心：先做信息设计，再把风格写成数字规格
三天五组实验：Claude Code 主控加便宜模型苦工，营销落地页一句话出活，应用页面却要么落进默认长相、要么填满没人看的槽位。原因分风格层和信息层，解决办法是先做「要不要」取舍树、把视觉翻成带数字的规格派活，对比度和溢出交给脚本卡。
Web 端实现 AI 内容流式传输与实时 Markdown 渲染
Web 端实现 AI 内容流式传输与实时 Markdown 渲染在 AI 时代，用户对响应速度的要求越来越高传统的”等待加载”体验已无法满足需求。刚好做了一个项目踩了不少坑，分享如何实现AI 内容流式传输与实时 Markdown 渲染。什么是流式传输？流式传输（Streaming）是指服务器端持续向客户端发送数据，客户端实时处理并展示，无需等待完整响应。与传统请求-响应模式不同，流式传输能让用户立即看到内容生成过程，大幅提升用户体...