尧图网站建设 
不知道要什么风格Garden Skills 的设计方向顾问先给 3 个选项再动手【免费下载链接】garden-skillsConardLis open-source Skills collection, featuring web design, knowledge retrieval, image generation, and more.项目地址: https://gitcode.com/GitHub_Trending/we/garden-skills让 AI 把页面做得好看点拿到的多半是 Inter 字体 蓝色按钮 紫粉渐变——技术上没错但没有辨识度。Garden Skills 的 web-design-engineer 技能内置了设计方向顾问模式专门处理这种局面说不清要什么风格时AI 不抢跑、不连珠炮提问而是先端出 3 个来自不同设计流派的差异化方向等你选定之后才开始写代码。设计方向顾问模式是什么一句话定义需求模糊到没法直接开工时Agent 从提问模式切换到推荐模式——不让你回答 10 个品味问题而是给你一套带选项的题。这个模式有明确的开关线SKILL.md 里写得很清楚两组情况对照看自动切入进入顾问模式需求确实模糊帮我做个好看的东西、我不知道想要什么风格没有任何设计上下文你也提供不了参考素材你主动求推荐推荐个风格、给我几个方向直接跳过走正式工作流你已经给出 Figma、截图或品牌参考素材直接点名风格要 Linear 风格、Aesop 那种感觉只是小改动或明确的功能调用如把这个 HTML 转成 PDF顾问模式存在的前提就是无上下文。一旦你手里有任何一个具体参照物顾问就退场流程直接读素材开工。3 个选项是怎么挑出来的6 大流派 1 条硬规则顾问不是当场现编风格它的候选池是一份固定的六大流派清单每次从中挑 3 个不同流派的方向端出来。每个方向必须配齐四样东西具名锚点这个方向归属哪位设计师或工作室——Pentagram 式信息架构而不是简约风这种 AI 默认词汇适配理由两三行结合你的场景说为什么适合受众、用途、品牌成熟度标志性特征3–4 个具体的配色、字体、布局或动效细节参考作品可选一件你能去搜到的知名作品六大流派速查表流派气质代表锚点适合场景信息架构理性克制让数据自己说话Pentagram、Edward Tufte、Vignelli、Bloomberg 终端B2B、数据产品、要可信度的场合编辑/极简留白、精致字体、安静的贵气MUJI原研哉、Apple、Aesop、Monocle高端品牌、生活方式、出版现代工具/SaaS发丝边框、暖黑底、单一强调色Linear、Vercel、Raycast开发者工具、AI 工具、B2B SaaS动效/实验生成式、感官冲击、技术感Field.io、Active Theory、Resn产品发布、品牌影片、要被讨论的站点粗野主义反设计、不加修饰、直给Balenciaga、Are.na、彭博商业周刊封面反叛立场、艺术平台、强差异化温暖人文亲切、有机、带手工温度Mailchimp、Stripe Press、Headspace教育、社区、健康类产品⚠️ 这里有一条硬规则3 个推荐绝不能来自同一个流派。同一流派挑 3 个彼此长得像你分不清差异选择本身就失去意义——候选池按 6 个流派切分就是为了让对比一眼可见。还有两个常见错误一并避开别用极简/现代/干净这类词当方向名那是 AI 的默认词汇不是方向一次别端出 5 个以上方向——选项越多越让人拿不定主意3 个是对比度最清楚的数字。完整的流派定义、锚点表和推荐话术模板都在 design-directions.md 里。选定之后从风格到代码的完整链路方向定了之后流程会走一条固定的 5 步链路核心逻辑是先方向、后系统、再草稿一步步收敛方向写入档案。选定的流派记入项目的brand-spec.md之后所有设计决定都回查这份文件方向不会在后续讨论中漂移。收窄到具体配方。技能自带 25 份风格配方style recipe每份对应一个真实品牌或设计师。顾问从你选中的流派里读出 2–3 份作为具名方案供你确认。每份配方文件都带着可直接落地的配色值、字体、间距阶梯、圆角/阴影/动效特征和签名式细节。比如 linear.md 规定底色#08090A带暖调的近黑、Linear 紫#5E6AD2覆盖不超过 5% 的像素、1px 发丝边框、圆角最大 16、阴影几乎不存在外加键盘快捷键 chips、等宽代码块这类标志性细节。输出设计系统声明。Agent 把配方的具体数值整理成一份完整声明覆盖配色、字体、间距、圆角、阴影、动效六项。确认后才写第一行代码。这一步有明确的检查点Agent 会说出我计划用这套系统确认后再开 v0然后真的停下来等——再自信也不会在你点头前动手。先 v0 草稿再完整构建。第一版只有核心结构 设计 token 占位符[image]、[icon]这类显式标记目的是让你尽早纠偏你认可之后才进入完整组件、状态和动效的实现。一次真实对话大概长这样你帮我做个开发者工具的落地页但我不知道要什么风格。 AI给你 3 个方向——Linear 式现代工具美学暖黑底 发丝边框 单一紫色强调、Pentagram 式信息架构排版即视觉主体、Are.na 式粗野主义系统字体、无圆角、直给。每个各附两行为什么适合开发者工具。 你第一个。 AI已读 linear 配方设计系统声明如下底色#08090A/ 强调#5E6AD2占比 5% / 1px 边框 / 圆角 ≤16 / 阴影近乎没有 / hover 150ms确认后开 v0。 你确认。 AIv0 草稿核心结构 占位符附我的设计假设清单。 你色调有点冷间距放松一点。 AI已调整进入完整构建。这条链路把模糊的审美偏好拆成了一串可以逐项确认的决定每一环都有你拍板的节点方向很难跑偏。选方向的三条红线配方目录 INDEX.md 列出了贯穿全部 25 份配方的反模式。最该记住的三条用红线来说别在一页里混搭两个配方。Linear 的骨架加 Aesop 的点缀通常读起来是混乱而不是原创。混搭只有在用户明确提出、且你能说清两者为什么合得来时才有资格存在。粗野主义/Y2K 类风格要么全力投入要么别选。半吊子粗野主义像没做完的设计半吊子 Y2K 像网站坏了。这类风格没有中间地带。别擅自补 AI 默认装饰。配方说无阴影就不加阴影说无渐变就不加渐变说无 emoji 就不加 emoji。每加一笔 AI 味这套风格就向通用 AI 页面趋近一分辨识度随之稀释。完整的 AI 生成页面失败模式与修复方法见 failure-patterns.md。相关资料导航资料一句话说明SKILL.md技能主文件顾问模式的触发/跳过条件与3 个不同流派机制都定义在此design-directions.md六大流派分类、每个流派的具名锚点表与推荐话术模板style-recipes/INDEX.md25 份风格配方目录按流派/适用场景/明暗模式三重索引附跨配方红线design-calibration.mdDesign Read 摘要与五个旋钮视觉变化、动效、密度等的校准方法failure-patterns.mdAI 生成页面的失败模式目录与对应修复方法README.md技能说明文档了解该技能的适用范围与用法设计方向顾问模式的价值是把我不知道要什么风格从一个死胡同压缩成一道选择题3 个流派各异的候选方向 → 1 个具名的设计锚点 → 1 份可落地的风格配方。下次让 AI 做页面不妨什么都不指定直接说给我推荐几个方向——它的回答往往比你拍脑袋更接近你真正想要的样子。【免费下载链接】garden-skillsConardLis open-source Skills collection, featuring web design, knowledge retrieval, image generation, and more.项目地址: https://gitcode.com/GitHub_Trending/we/garden-skills创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 不知道要什么风格？Garden Skills 的设计方向顾问先给 3 个选项再动手
不知道要什么风格Garden Skills 的设计方向顾问先给 3 个选项再动手【免费下载链接】garden-skillsConardLis open-source Skills collection, featuring web design, knowledge retrieval, image generation, and more.项目地址: https://gitcode.com/GitHub_Trending/we/garden-skills让 AI 把页面做得好看点拿到的多半是 Inter 字体 蓝色按钮 紫粉渐变——技术上没错但没有辨识度。Garden Skills 的 web-design-engineer 技能内置了设计方向顾问模式专门处理这种局面说不清要什么风格时AI 不抢跑、不连珠炮提问而是先端出 3 个来自不同设计流派的差异化方向等你选定之后才开始写代码。设计方向顾问模式是什么一句话定义需求模糊到没法直接开工时Agent 从提问模式切换到推荐模式——不让你回答 10 个品味问题而是给你一套带选项的题。这个模式有明确的开关线SKILL.md 里写得很清楚两组情况对照看自动切入进入顾问模式需求确实模糊帮我做个好看的东西、我不知道想要什么风格没有任何设计上下文你也提供不了参考素材你主动求推荐推荐个风格、给我几个方向直接跳过走正式工作流你已经给出 Figma、截图或品牌参考素材直接点名风格要 Linear 风格、Aesop 那种感觉只是小改动或明确的功能调用如把这个 HTML 转成 PDF顾问模式存在的前提就是无上下文。一旦你手里有任何一个具体参照物顾问就退场流程直接读素材开工。3 个选项是怎么挑出来的6 大流派 1 条硬规则顾问不是当场现编风格它的候选池是一份固定的六大流派清单每次从中挑 3 个不同流派的方向端出来。每个方向必须配齐四样东西具名锚点这个方向归属哪位设计师或工作室——Pentagram 式信息架构而不是简约风这种 AI 默认词汇适配理由两三行结合你的场景说为什么适合受众、用途、品牌成熟度标志性特征3–4 个具体的配色、字体、布局或动效细节参考作品可选一件你能去搜到的知名作品六大流派速查表流派气质代表锚点适合场景信息架构理性克制让数据自己说话Pentagram、Edward Tufte、Vignelli、Bloomberg 终端B2B、数据产品、要可信度的场合编辑/极简留白、精致字体、安静的贵气MUJI原研哉、Apple、Aesop、Monocle高端品牌、生活方式、出版现代工具/SaaS发丝边框、暖黑底、单一强调色Linear、Vercel、Raycast开发者工具、AI 工具、B2B SaaS动效/实验生成式、感官冲击、技术感Field.io、Active Theory、Resn产品发布、品牌影片、要被讨论的站点粗野主义反设计、不加修饰、直给Balenciaga、Are.na、彭博商业周刊封面反叛立场、艺术平台、强差异化温暖人文亲切、有机、带手工温度Mailchimp、Stripe Press、Headspace教育、社区、健康类产品⚠️ 这里有一条硬规则3 个推荐绝不能来自同一个流派。同一流派挑 3 个彼此长得像你分不清差异选择本身就失去意义——候选池按 6 个流派切分就是为了让对比一眼可见。还有两个常见错误一并避开别用极简/现代/干净这类词当方向名那是 AI 的默认词汇不是方向一次别端出 5 个以上方向——选项越多越让人拿不定主意3 个是对比度最清楚的数字。完整的流派定义、锚点表和推荐话术模板都在 design-directions.md 里。选定之后从风格到代码的完整链路方向定了之后流程会走一条固定的 5 步链路核心逻辑是先方向、后系统、再草稿一步步收敛方向写入档案。选定的流派记入项目的brand-spec.md之后所有设计决定都回查这份文件方向不会在后续讨论中漂移。收窄到具体配方。技能自带 25 份风格配方style recipe每份对应一个真实品牌或设计师。顾问从你选中的流派里读出 2–3 份作为具名方案供你确认。每份配方文件都带着可直接落地的配色值、字体、间距阶梯、圆角/阴影/动效特征和签名式细节。比如 linear.md 规定底色#08090A带暖调的近黑、Linear 紫#5E6AD2覆盖不超过 5% 的像素、1px 发丝边框、圆角最大 16、阴影几乎不存在外加键盘快捷键 chips、等宽代码块这类标志性细节。输出设计系统声明。Agent 把配方的具体数值整理成一份完整声明覆盖配色、字体、间距、圆角、阴影、动效六项。确认后才写第一行代码。这一步有明确的检查点Agent 会说出我计划用这套系统确认后再开 v0然后真的停下来等——再自信也不会在你点头前动手。先 v0 草稿再完整构建。第一版只有核心结构 设计 token 占位符[image]、[icon]这类显式标记目的是让你尽早纠偏你认可之后才进入完整组件、状态和动效的实现。一次真实对话大概长这样你帮我做个开发者工具的落地页但我不知道要什么风格。 AI给你 3 个方向——Linear 式现代工具美学暖黑底 发丝边框 单一紫色强调、Pentagram 式信息架构排版即视觉主体、Are.na 式粗野主义系统字体、无圆角、直给。每个各附两行为什么适合开发者工具。 你第一个。 AI已读 linear 配方设计系统声明如下底色#08090A/ 强调#5E6AD2占比 5% / 1px 边框 / 圆角 ≤16 / 阴影近乎没有 / hover 150ms确认后开 v0。 你确认。 AIv0 草稿核心结构 占位符附我的设计假设清单。 你色调有点冷间距放松一点。 AI已调整进入完整构建。这条链路把模糊的审美偏好拆成了一串可以逐项确认的决定每一环都有你拍板的节点方向很难跑偏。选方向的三条红线配方目录 INDEX.md 列出了贯穿全部 25 份配方的反模式。最该记住的三条用红线来说别在一页里混搭两个配方。Linear 的骨架加 Aesop 的点缀通常读起来是混乱而不是原创。混搭只有在用户明确提出、且你能说清两者为什么合得来时才有资格存在。粗野主义/Y2K 类风格要么全力投入要么别选。半吊子粗野主义像没做完的设计半吊子 Y2K 像网站坏了。这类风格没有中间地带。别擅自补 AI 默认装饰。配方说无阴影就不加阴影说无渐变就不加渐变说无 emoji 就不加 emoji。每加一笔 AI 味这套风格就向通用 AI 页面趋近一分辨识度随之稀释。完整的 AI 生成页面失败模式与修复方法见 failure-patterns.md。相关资料导航资料一句话说明SKILL.md技能主文件顾问模式的触发/跳过条件与3 个不同流派机制都定义在此design-directions.md六大流派分类、每个流派的具名锚点表与推荐话术模板style-recipes/INDEX.md25 份风格配方目录按流派/适用场景/明暗模式三重索引附跨配方红线design-calibration.mdDesign Read 摘要与五个旋钮视觉变化、动效、密度等的校准方法failure-patterns.mdAI 生成页面的失败模式目录与对应修复方法README.md技能说明文档了解该技能的适用范围与用法设计方向顾问模式的价值是把我不知道要什么风格从一个死胡同压缩成一道选择题3 个流派各异的候选方向 → 1 个具名的设计锚点 → 1 份可落地的风格配方。下次让 AI 做页面不妨什么都不指定直接说给我推荐几个方向——它的回答往往比你拍脑袋更接近你真正想要的样子。【免费下载链接】garden-skillsConardLis open-source Skills collection, featuring web design, knowledge retrieval, image generation, and more.项目地址: https://gitcode.com/GitHub_Trending/we/garden-skills创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考