钉钉AI表格Demo搭建

先解决：高保真 Demo 容易退化成静态页面

在仿钉钉 AI 表格、飞书多维表或 Airtable 做前端验证时，最常见的问题是第一版看着像，后续迭代交互就烂了。静态 UI 只能截图汇报，无法验证排序、冻结、拖拽、字段实时计算与数据同步是否真的可用。这个技能把「可交互」作为硬约束，要求实现 Click、Hover、Drag、Modal、Dropdown、Tooltip，以及数据同步和字段实时变化，而不是交付一张静态截图。

技能如何组织一次迭代

工作方式是规范优先、增量修改：

• 参考基线：优先对齐钉钉 AI 表格、飞书多维表、Airtable、Notion Database；若用户上传设计稿，以设计稿为最高优先级。
• 默认字段：首次搭建至少包含 文本字段、数字字段、附件字段，并准备可复用的虚构数据，避免空表演示。
• 迭代而非重写：用户要求继续优化时，默认直接修改已有 Demo，不重新生成整页，确保新增能力不破坏既有交互。
• 交互一致性：修改字段能力时，必须同步更新 Header、数据、排序、冻结、Primary、Dropdown、Tooltip，不能只改 UI 表面。
• 细节约束：Tooltip 统一为黑底、白字、圆角、出现在右侧；排序、冻结、数据同步、字段实时变化属于默认能力，不能缺失。

适用边界与注意点

它不负责生成完整后端、真实鉴权或生产级数据模型，也不会凭空还原未经设计稿确认的所有细节。没有明确交互要求时，按真实产品逻辑补齐；字段与能力建议按步骤分批确认，避免一次生成过多未验证内容。核心取舍是：真实逻辑 > UI 一致 > 代码简洁，新增能力不能破坏已有能力。