implementation

在实现任何功能或修复缺陷时使用，在编写实现代码之前。

当您已有书面实施计划，需要在带有审查检查点的独立会话中执行时使用。

在当前会话中执行包含独立任务的实施计划时使用

通过极具技术野心的实现（着色器、弹簧物理、滚动驱动动画、60fps 动画）将界面体验推向传统极限。使用……

在开始需要与当前工作区隔离的新功能开发，或在执行实施计划之前使用——通过……确保存在一个隔离的工作区。

在实现完成、所有测试通过，且需要决定如何集成工作时使用——通过展示……来指导开发工作的完成。

在编写代码之前规划功能的 UX 和 UI。运行结构化的探索访谈，随后生成用于指导实现的设计简报。使用……

提供完整的 shadcn/ui 组件库模式，包括无障碍 React 组件的安装、配置与实现。适用于……

审查实现后的代码差异和待发布变更，执行已批准的实现计划，从……中提取项目特定的约束

面向由 AI 智能体生成大量实现产出的团队的工程运营模型。

Prisma v7 驱动适配器工作的必备参考。在实现或修改适配器、添加数据库驱动或涉及…时使用。

增量交付变更。在实现涉及多个文件的任何功能或变更时使用。在准备编写大量……时使用。

管理弃用与迁移。在移除旧系统、API 或功能时使用。在将用户从一种实现迁移到另一种实现时使用。在……时使用

在需求进入实施阶段之前，使用此技能来验证“为什么”，执行产品诊断，并对产品方向进行压力测试……

将 PRD 意图、路线图需求或产品讨论转化为具备实施准备的能力规划，揭示约束条件、不变量、接口以及……

每一个实现决策均以官方文档为依据。适用于需要权威的、附带源码引用且无过时模式的代码的场景。适用于……

使用 HTML/CSS/JavaScript/React 构建高质量的可视化 Web 产物——包括网页、落地页、仪表盘、交互式原型、HTML 幻灯片、动画演示、UI 模型、数据可视化等。当用户的请求涉及可视化、交互式或前端交付物时，请使用此技能，包括： - 创建网页、落地页、仪表盘、营销页面 - 构建交互式原型或 UI 模型（带设备边框） - 构建 HTML 幻灯片/演示文稿 - 创建 CSS/JS 动画或基于时间轴的动画演示 - 将设计模型、截图或 PRD 转换为交互式实现 - 数据可视化（Chart.js / D3 等） - 设计系统 / UI Kit 探索 即使用户没有明确提及“HTML”或“网页”，只要其意图是生成可视化、交互式或用于展示的内容，均适用此技能。 不适用场景：纯后端逻辑、CLI 工具、数据处理脚本、非可视化代码任务、命令行调试。