$ loading_
将参考界面提炼为可量化的设计DNA,并据此生成风格一致的UI方案。
复制安装指令,让 AI 自动完成配置 · 推荐新手
"design-dna" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
请分析我提供的竞品官网截图与链接,输出 Design DNA JSON,包括颜色、字体、圆角、间距、阴影、层级、动效倾向,以及整体风格标签与视觉效果说明。
一份结构化的 Design DNA JSON,量化描述该界面的视觉语言与风格特征。
基于这份 Design DNA JSON 和以下产品文案,为我生成一个首页 UI 方案,要求布局、组件样式和视觉氛围与参考风格一致,并输出页面结构与关键样式建议。
一个与参考风格统一的首页 UI 方案,包含页面结构、组件建议和样式方向。
我有多个页面截图,风格不完全一致。请提炼它们的共同 Design DNA,并给出统一后的设计 tokens、风格原则和可复用组件规范,方便后续设计与开发对齐。
一套统一的设计DNA与组件规范,可作为后续界面设计和实现的基准。
帮助生成或审查设计系统,检查视觉一致性并评审样式相关改动。
将设计稿转为开发交付说明,明确布局、组件、状态与响应式规范
从公开网站提取设计令牌并生成 JSON 与 CSS 变量,便于复用到本地项目。
为界面、原型或设计稿提供结构化反馈,改进可用性、层级与一致性。
分析图片、网页与 Figma 文件,生成结构化设计说明与组件清单
帮助用户设计并生成高质量、可生产的前端界面与网页组件代码