🎛️ UI 风格旋钮面板

调旋钮 · 选风格 · 一键生成可拷贝的前端提示词

① 三个核心旋钮 来自 design-taste-frontend

1 = 克制 / 对称 / 静态 · 10 = 大胆 / 实验 / 电影级动效
设计自由度 Variance 7 / 10
动效强度 Motion 6 / 10
视觉密度 Density 4 / 10
SaaS 落地页
创意 Agency
高端消费品牌
设计师作品集
开发者作品集
编辑 / 博客
政务 / 信任优先

② 气质风格 Vibe 决定视觉方向

玻璃拟态 Glass
SaaS·AI·科技 · 深空黑+光晕网格
编辑奢华 Editorial
地产·生活方式 · 暖米白+衬线
软结构主义 Soft
消费·健康 · 银白+超大粗体+柔影
工业粗野 Brutalist
数据·档案 · 强网格+机械色
极简编辑 Minimal
工作室·阅读 · 暖单色+扁平
沉浸动效 Premium
Awwwards 级 · 磁性光标+滚动叙事
无倾向 / 由我判断
自动路由到最佳默认

③ 布局结构 Layout

不对称 Bento
大小卡片混合栅格
Z-轴层叠
卡片实体感重叠微旋转
编辑分屏
左超大排版+右交互内容
居中主视觉
编辑/宣言/发布型
自动
由我根据内容选择

④ 网站类型 & 受众

企业官网
品牌展示 · high-end 向
落地页 / 营销页
转化驱动 · 动效向
作品集 Portfolio
个人 / 工作室展示
数据面板 / 后台
仪表盘 · brutalist 向
SaaS 产品页
技术买家 · 极简向
博客 / 编辑
阅读型 · 编辑向
现有网站改版
去模板感 · 审计优先
电商 / 消费品牌
产品驱动 · 质感向

受众

额外关键词 / 参考品牌

⑤ 主色系搭配 Palette 高级感配色

选择一个权威配色方案，或自定义输入主色系（支持色名 / hex / 描述）

⑥ 生成的提示词

点击下方「生成」后，可一键复制给你希望执行的前端 AI
纯静态单页 · 数据仅存于本地浏览器 · 配套 ui-style-router skill 使用 · ui.licaicai.cn