风格选不准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 做页面时你的需求往往只剩一句做得好看点。而 AI 的默认审美又高度趋同通篇通用无衬线字体、一排蓝色圆角按钮、紫粉混在一起的渐变色——技术上没毛病视觉上和别的 AI 页面几乎无法区分。garden-skills 里的web-design-engineer技能正好针对这个痛点内置了设计方向顾问Design Direction Advisor模式不追问你的品味而是先把 3 个可分辨的方向摆到桌面上把模糊的审美感觉变成一次明确的挑选。何时触发、何时跳过三种情况会自动切入顾问模式需求本身很模糊帮我做个好看的东西、我不知道要什么风格你手头没有任何设计上下文也提供不了参考素材你直接开口要建议给我几个风格方向以下场景则直接跳过进入正式工作流你已经给出 Figma、截图或品牌素材你明确点名了风格如按 Linear 的感觉来你只是要做局部小改或调用具体工具它如何工作给你 3 个方向而不是问你 10 个问题先看一段迷你对话你帮我做个开发者工具的落地页风格随意好看就行。 机器不问你了。这里给出 3 个来自不同流派的方向Linear 式暖黑工具美学、Pentagram 式排版架构、Are.na 式生猛粗野。选一个或告诉我要怎么混合两个。 你就选第一个。背后是一套固定机制从6 大设计流派里挑3 个且有一条硬规则三者绝不能出自同一流派——否则差异看不见挑选本身就失去意义每个方向必须带齐 4 个要素① 具名的设计师或工作室锚点写Pentagram 式信息架构而不是简约风② 两三行说明它为何契合你的场景③ 3–4 个标志性视觉特征配色、字体、布局、动效④ 可选的一件知名参考作品六大流派速查表流派气质印象具名锚点推荐场景信息架构冷静理性信息优先Pentagram、Edward Tufte、Vignelli企业级、数据类产品编辑/极简大量留白字体讲究MUJI原研哉、Apple、Aesop高端定位、生活方式品牌现代工具/SaaS暖黑底、发丝边框、单一强调色Linear、Vercel、Raycast开发者工具、AI 工具动效/实验生成式、感官冲击Field.io、Active Theory、Resn产品发布、品牌时刻粗野主义生猛、拒绝修饰Balenciaga、Are.na强差异化、亚文化平台温暖人文有机手作感、亲近Mailchimp、Stripe Press、Headspace教育、社区、健康产品选定之后从风格落到配方你选定的流派会被写进项目里的brand-spec.md成为之后所有设计决策的上下文。随后顾问再从该流派的 Style Recipe风格配方目录中挑出2–3 个候选方案供你最终确认。整个目录共25 份配方每一份都对应一位真实的设计师或品牌参数可直接取用。以 Linear 配方linear.md为例它写死了几个关键参数底色#08090A带暖调的近黑而非纯黑强调色#5E6AD2Linear 紫在全页的占比不得超过 5%面板之间用 1px 发丝级边框分隔圆角上限 16阴影几乎不可见全部配方的目录提供按流派、按适用场景、按明暗模式的三重索引见 style-recipes/INDEX.md。选方向的三条红线INDEX 里列出一批贯穿所有配方的反模式最值得记住的有三条一页里别混搭两个配方——Linear 骨架加 Aesop 点缀看起来多半是混乱而非原创只有用户明确要求且能说清混合逻辑时才可例外粗野主义、Y2K 这类风格要么全力投入要么别选——半吊子执行呈现出来的是没做完而不是大胆不要擅自添加 AI 默认装饰——配方写无阴影就别加阴影写无渐变就别加渐变每添一笔 AI 味辨识度就薄一分完整流程演练把一次完整交互从头到尾走一遍方向顾问给出 3 个不同流派的方向各带具名锚点与推荐理由设计系统声明你选定一个后Agent 读取对应配方文件输出一份完整声明配色、字体、间距、圆角、阴影、动效——你确认之后才开始写第一行代码v0 草稿先交付一版带占位符的草稿供你判断基调、布局是否走对了完整构建方向确认无误后再进入正式搭建并持续迭代这个方向 → 系统 → 草稿 → 构建的固定顺序意味着你不必面对一个成品去猜它哪里不对——每一步都有明确的确认点。参考资料资料路径技能主文件含顾问模式机制skills/web-design-engineer/SKILL.md流派分类与推荐话术模板references/design-directions.md25 份风格配方目录与三重索引references/style-recipes/INDEX.mdAI 设计失败模式与修复方法references/failure-patterns.md技能说明文档README.md下次让 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 做页面时你的需求往往只剩一句做得好看点。而 AI 的默认审美又高度趋同通篇通用无衬线字体、一排蓝色圆角按钮、紫粉混在一起的渐变色——技术上没毛病视觉上和别的 AI 页面几乎无法区分。garden-skills 里的web-design-engineer技能正好针对这个痛点内置了设计方向顾问Design Direction Advisor模式不追问你的品味而是先把 3 个可分辨的方向摆到桌面上把模糊的审美感觉变成一次明确的挑选。何时触发、何时跳过三种情况会自动切入顾问模式需求本身很模糊帮我做个好看的东西、我不知道要什么风格你手头没有任何设计上下文也提供不了参考素材你直接开口要建议给我几个风格方向以下场景则直接跳过进入正式工作流你已经给出 Figma、截图或品牌素材你明确点名了风格如按 Linear 的感觉来你只是要做局部小改或调用具体工具它如何工作给你 3 个方向而不是问你 10 个问题先看一段迷你对话你帮我做个开发者工具的落地页风格随意好看就行。 机器不问你了。这里给出 3 个来自不同流派的方向Linear 式暖黑工具美学、Pentagram 式排版架构、Are.na 式生猛粗野。选一个或告诉我要怎么混合两个。 你就选第一个。背后是一套固定机制从6 大设计流派里挑3 个且有一条硬规则三者绝不能出自同一流派——否则差异看不见挑选本身就失去意义每个方向必须带齐 4 个要素① 具名的设计师或工作室锚点写Pentagram 式信息架构而不是简约风② 两三行说明它为何契合你的场景③ 3–4 个标志性视觉特征配色、字体、布局、动效④ 可选的一件知名参考作品六大流派速查表流派气质印象具名锚点推荐场景信息架构冷静理性信息优先Pentagram、Edward Tufte、Vignelli企业级、数据类产品编辑/极简大量留白字体讲究MUJI原研哉、Apple、Aesop高端定位、生活方式品牌现代工具/SaaS暖黑底、发丝边框、单一强调色Linear、Vercel、Raycast开发者工具、AI 工具动效/实验生成式、感官冲击Field.io、Active Theory、Resn产品发布、品牌时刻粗野主义生猛、拒绝修饰Balenciaga、Are.na强差异化、亚文化平台温暖人文有机手作感、亲近Mailchimp、Stripe Press、Headspace教育、社区、健康产品选定之后从风格落到配方你选定的流派会被写进项目里的brand-spec.md成为之后所有设计决策的上下文。随后顾问再从该流派的 Style Recipe风格配方目录中挑出2–3 个候选方案供你最终确认。整个目录共25 份配方每一份都对应一位真实的设计师或品牌参数可直接取用。以 Linear 配方linear.md为例它写死了几个关键参数底色#08090A带暖调的近黑而非纯黑强调色#5E6AD2Linear 紫在全页的占比不得超过 5%面板之间用 1px 发丝级边框分隔圆角上限 16阴影几乎不可见全部配方的目录提供按流派、按适用场景、按明暗模式的三重索引见 style-recipes/INDEX.md。选方向的三条红线INDEX 里列出一批贯穿所有配方的反模式最值得记住的有三条一页里别混搭两个配方——Linear 骨架加 Aesop 点缀看起来多半是混乱而非原创只有用户明确要求且能说清混合逻辑时才可例外粗野主义、Y2K 这类风格要么全力投入要么别选——半吊子执行呈现出来的是没做完而不是大胆不要擅自添加 AI 默认装饰——配方写无阴影就别加阴影写无渐变就别加渐变每添一笔 AI 味辨识度就薄一分完整流程演练把一次完整交互从头到尾走一遍方向顾问给出 3 个不同流派的方向各带具名锚点与推荐理由设计系统声明你选定一个后Agent 读取对应配方文件输出一份完整声明配色、字体、间距、圆角、阴影、动效——你确认之后才开始写第一行代码v0 草稿先交付一版带占位符的草稿供你判断基调、布局是否走对了完整构建方向确认无误后再进入正式搭建并持续迭代这个方向 → 系统 → 草稿 → 构建的固定顺序意味着你不必面对一个成品去猜它哪里不对——每一步都有明确的确认点。参考资料资料路径技能主文件含顾问模式机制skills/web-design-engineer/SKILL.md流派分类与推荐话术模板references/design-directions.md25 份风格配方目录与三重索引references/style-recipes/INDEX.mdAI 设计失败模式与修复方法references/failure-patterns.md技能说明文档README.md下次让 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），仅供参考