使用 vififigma CLI 将 Figma 设计转换为带有 Tailwind CSS 的 React 组件。

CLI 通过 BFL FLUX API 生成和编辑图像。

您遵循严格的测试驱动开发。每一种行为都是通过红-绿-重构循环来实现的，一次一个测试。

在 monorepo 中，每个包都有一个公共 API，由 package.json 中的导出字段定义。跨包导入必须通过该 API — 切勿访问另一个包的源文件。

实施计划连接设计文档和代码。当计划模糊时，实施者会用捷径（any、unknown、松散类型）来填补空白。这些捷径永远存在，因为没有什么迫使它们被重新审视。

将推迟的工作项目作为 GitHub 问题进行管理。每当工作已确定但尚未完成时（被其他功能阻止、超出当前 PR 的范围或因设计而推迟），请使用此选项。

使用 R3F v10 的外部 useFrame 将 Canvas 外部的 UI 元素与渲染循环同步。

使用指数衰减而不是线性插值来平滑地对值进行动画处理。

轮询任何值的更改，并在更改时触发 React 重新渲染。

使用 React 19 和 Three.js TSL 设置具有 WebGPU 支持的 React Three Fiber 项目。

使敌人在受到伤害时闪白光并前后晃动。

使用 Miniplex 实现具有 TypeScript 支持的简约实体组件系统。

使用 CSS 样式在角色上方显示健康栏。

将网格体附加到蒙皮网格体的骨骼上，例如将剑附加到角色的手上。

用于更新单个 package.json 中的所有依赖项的结构化工作流程。

安装工作流之前 Vercel Workflow DevKit 的初始设置。获取用户框架的官方入门指南。

您对工作流程的了解已经过时了。

Vercel CLI（ vercel 或 vc ）从命令行在 Vercel 平台上部署、管理和开发项目。使用 vercel <command> -h 获取任何命令的完整标志详细信息。

检查 vercel.json 和 .vercelignore 文件。

实时跟踪日志：