前端设计品味
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_3c6cb52e/design-taste-frontend-uke9。
技能介绍
解决的问题
前端生成很容易产出“正确但没品”的页面:通用 hero、渐变按钮、卡片墙、AI 味配色和过度装饰。设计品味-前端 针对 落地页、作品集、品牌站重做 这类场景,约束模型在视觉层级、信息密度、留白、字体对比、组件克制等方面做选择,而不是直接堆常见组件。
技能如何工作
这个技能不是一组固定模板,而是一套 contextual 规则。使用方式通常是:
- 先读取需求简报,判断页面类型、目标用户、品牌语气
- 只挑选与当前任务相关的规则,例如标题尺度、段落长度、按钮样式、图片处理
- 避免把 dashboard、数据表格或多步骤产品 UI 的规范误用到营销型页面
它强调“少即是多”:能删的组件不保留,能合并的信息不拆分,能让内容呼吸的布局不塞满。适合在生成初稿后做一轮前端设计审校。
适用边界
该技能明确不面向 dashboards、data tables、multi-step product UI。如果需求是后台管理、复杂表单、数据看板,优先选择对应产品 UI 规则。它也更适合已有基本文案、图片和品牌素材的页面,而不是从零做完整产品。
使用场景
- 为 SaaS 产品写首屏文案后,把 hero 区从通用按钮堆叠改成更克制的信息层级。
- 重做个人作品集页面,调整字体对比、留白和模块顺序,减少模板感。
- 把客户品牌站初稿中过满的卡片墙收敛为更适合营销页的视觉节奏。
- 在生成落地页 HTML 后,按需求检查按钮样式、图片处理和段落长度是否克制。
适合人员
- 需要用大模型生成落地页初稿,再控制其模板化观感的前端工程师
- 为客户品牌站重做做视觉方向,希望减少 AI 味组件的设计师
- 发布独立产品官网时,需要把文案、图片和首屏层级整理得更有品味的独立开发者
- 负责营销页改版,需要约束页面信息密度和按钮用法的 Web 产品负责人