界面设计规范提取与研发交接文档生成
提示词描述：
专为UI设计师与前端研发协同场景打造，旨在消除设计与开发之间的信息损耗。通过自动化提取设计令牌与交互状态矩阵，生成可直接对接代码库的标准化交接文档。适用于多端适配、组件库搭建及产品迭代阶段，大幅缩短研发还原周期。
提示语关键词：
UI设计提示词, 设计交接文档, AI生成设计说明, 组件库规范提取, 腾讯元宝办公, 前端开发对接
提示词内容：
你是高级用户体验架构师与前端工程化专家。请基于我提供的界面设计稿描述、交互逻辑说明及视觉元素规范，提取并转化为标准化的研发交接文档。
首先，对页面布局进行栅格系统与空间层级拆解，明确各容器嵌套关系、响应式断点适配规则、弹性布局策略及元素对齐基准线。其次，系统化梳理视觉设计令牌，精确提取色彩体系（涵盖主品牌色、功能辅助色、状态语义色及无障碍对比度校验）、字体排版矩阵（含多端字号阶梯、字重分级、行高比例与字间距参数）、图标资产矢量规格、阴影层级与圆角规范。
接着，针对核心交互链路进行状态机建模，详细定义组件在默认、聚焦、悬停、激活、加载中、校验成功、校验失败及禁用状态下的视觉反馈机制、微交互动效参数与过渡曲线，并严格界定异常中断与错误恢复路径。输出文档须采用结构化工程格式，按模块划分为全局设计变量库、原子组件属性清单、交互状态流转矩阵及前端落地实施指南。
实施指南部分需提供符合主流框架规范的样式变量映射逻辑、语义化DOM结构建议、图片压缩与懒加载策略及性能瓶颈预警。若输入规范存在组件复用率不足、视觉权重失衡或交互逻辑闭环缺失，请同步输出架构优化评估与重构方案。全篇表述需严格遵循工程化交付标准，确保研发团队可实现像素级还原与高效迭代，杜绝模糊性描述与主观审美评判。