StyleDNA 把你喜欢的网站或 6 个视觉选择，整理成 Claude / Cursor 能照着写的页面规范：颜色、字体、间距、圆角、组件和层级。
下面这组对比，只看一件事：默认 AI 页面和带视觉规范的 AI 页面，差别有多大。
改前 / 改后
改前
AI 初稿TaskPilot
没有视觉规范约束的 AI 工作空间页面
一个 AI 工作空间，管理所有团队工作
把任务、记录、会议和报表集中到一个平台，让 AI 辅助每个团队流程。
运营工作台
每个团队都有一个 AI 看板
任务、文档、会议、报表和目标都被平均摆上来，但看不出主线。
周报概览
给每个部门自动生成摘要
页面试图覆盖产品、销售、客服和管理层，却没有选出一个最重要的使用场景。
AI 自动化
自动处理工作之外的工作
文案看起来完整，但这段内容几乎可以放进任何 AI 协作工具。
CTA
免费开始使用 AI 工作空间
改后
带视觉规范TaskPilot
同一个产品方向，套上 StyleDNA 视觉规范
用更清楚的页面节奏管理团队工作。
同样是 AI 工作空间，颜色、字体、间距、圆角、卡片和 CTA 都先被规范住，页面不再全靠 AI 猜。
视觉输入
规范整理
页面输出
给 AI 用
首屏层级
标题、说明和 CTA 不再互相抢。
组件语言
卡片、按钮和标签使用同一套圆角、边框和间距。
提示词文件：Claude / Cursor 拿到的是具体视觉要求，不是继续猜。
颜色系统
低噪声蓝灰主色，文字层级更稳
字体节奏
强主标题、安静说明、紧凑标签
组件规则
卡片、标签和 CTA 使用同一套系统
给团队运营者
工作空间的故事更清楚
页面从“什么都能管”，收成更安静、更可信的团队运营工作台。
完整网页段落
功能卡片延续同一套节奏
后续段落继续使用同样的间距、标签和卡片语言，不只首屏看起来被修过。
继续给 AI 复用
Claude / Cursor 可以接着写
导出的规则会约束下一段页面的颜色、字体、圆角和层级，不会又跑回默认味。
给 AI 用
打开这套页面规范
视觉规范
AI 只能按常见 SaaS 模板猜样式。
颜色、字体、间距、圆角和组件都有明确要求。
页面层级
每个模块都在抢注意力。
首屏、卡片和 CTA 有了清楚顺序。
继续使用
下次让 AI 继续写，又会跑回默认味。
导出的规则文件可以继续约束 Claude / Cursor。