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