Vibe Coding 响应式布局验收：用内容失效点覆盖真实边界
只截手机和桌面两张图会漏掉中间宽度、缩放、长文本和虚拟键盘。本文用内容驱动断点、视口矩阵、结构断言与人工检查建立响应式验收合同。
#Vibe Coding #React #TypeScript♥ 00 评论
Articles
技术文章
沉淀 AI、Web、云原生和独立开发经验。
Vibe Coding 表单状态合同：验证、提交与异步结果不互相覆盖
表单不只是字段和提交按钮。本文用原生语义、服务端权威校验、显式状态机、取消与幂等策略处理字段错误、重复提交和迟到响应。
#Vibe Coding #React #TypeScript♥ 00 评论
Vibe Coding Design Token 一致性门：阻止生成界面悄悄分叉
Agent 很容易为每个组件新增近似颜色和间距。本文用类型化 Token、别名图、确定性构建、主题矩阵与裸值审计建立从设计来源到运行样式的一致性门。
#Vibe Coding #React #TypeScript♥ 00 评论
Vibe Coding 垂直模块边界：按用户能力切分可替换实现
按 components、services、utils 横向堆文件会让一次功能修改横跨全仓。本文用垂直切片、公开端口、依赖规则和契约测试约束 AI 生成代码的模块边界。
#Vibe Coding #TypeScript #AI Agent♥ 00 评论
Vibe Coding 原型去留决策：可抛弃 Spike 与产品地基不要混写
Spike 的任务是低成本回答未知问题，产品地基则要长期承受变更。本文给出实验边界、隔离方法、晋升门和删除证明，避免把一次演示直接长成生产系统。
#Vibe Coding #AI Agent #DevOps♥ 00 评论
Vibe Coding 原型退出门禁：从可演示代码到可运营发布
原型完成不等于生产就绪。本文用资产盘点、安全、数据、可靠性、可观测性和回滚证据建立退出门，决定原型应归档、重写还是分阶段产品化。
#Vibe Coding #DevOps #AI Agent♥ 00 评论
Vibe Coding Mock 到真实服务切换：让替身按契约退出
Mock 能支撑快速交互，却常省略鉴权、延迟和错误语义。本文把规范、场景、客户端端口与分阶段切换连接起来，确保替换真实服务时不重写整个前端。
#Vibe Coding #TypeScript #DevOps♥ 00 评论
Vibe Coding 框架与模板选型：用垂直样例替代脚手架印象
模板能在几分钟内出现首页，却可能隐藏部署、升级和权限假设。本文用约束清单、同题垂直样例、依赖审计与退出演练选择框架和起步模板。
#Vibe Coding #TypeScript #开源♥ 00 评论
Vibe Coding 陌生仓库冷启动：第一次编辑前的只读勘察协议
AI 进入陌生仓库后立即搜索业务关键词，容易错过仓库规则、生成边界和现有未提交工作。本文给出一套只读冷启动顺序，从根目录、Git 状态、清单脚本到最小验证基线，先证明“能安全动哪里”。
#Vibe Coding #AI Agent #开源♥ 00 评论
Vibe Coding 请求路径追踪：从入口一路核对到响应与副作用
找到路由处理器并不等于读懂一次请求。本文结合静态调用证据和运行时 Trace，逐层核对代理、中间件、鉴权、校验、事务、事件与响应，给 AI 一条可验证而非想象出来的执行路径。
#Vibe Coding #AI Agent #DevOps♥ 00 评论
Vibe Coding 把测试当行为文档：从夹具、断言与失败路径读需求
测试名称像需求说明，但真正行为藏在 setup、fixture、helper 和断言里。本文教 AI 把测试作为可执行证据阅读，同时核对实现、配置和调用方，避免把陈旧测试或实现细节误认成产品契约。
#Vibe Coding #AI Agent #TypeScript♥ 00 评论
Vibe Coding 脏工作树安全改码：先保护已有修改，再约束 AI 补丁
工作树不干净时，AI 的一次格式化、还原或批量替换都可能覆盖用户工作。本文用三层状态盘点、文件归属、允许范围、前后差异收据和冲突停机规则，让新改动与既有改动共存。
#Vibe Coding #AI Agent #开源♥ 00 评论