前端设计品味
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_3c6cb52e/design-taste-frontend-lr-5cq1。
技能介绍
先讲问题
很多前端项目容易陷入“模板感”:页面能用,但缺少统一的设计语言。尤其是 landing page、portfolio 或旧站 redesign,视觉、排版、组件选择容易互相打架。问题在于规则要么太抽象,要么太死板,无法根据上下文取舍。
技能如何工作
这个 skill 的思路是把规则做成上下文触发:先读 brief,再判断适用项。核心步骤:
- 明确页面类型:只覆盖
landing pages、portfolios、redesigns,不处理仪表盘、数据表格、多步产品 UI。 - 逐条判断:规则不自动生效,每条都需要和上下文匹配。
- 输出取舍:只应用符合当前
brief的规则,避免全量套用。
适用边界
不要把它当成通用前端规范。dashboards、data tables、multi-step product UI 不在范围内;如果你的页面类型不在清单里,应改用其他方案。规则是辅助判断,不是自动修图。
使用场景
- 改版旧官网首页,需要统一排版与视觉规则
- 重构作品集站点,让页面类型与内容策略匹配
- 重做产品着陆页,需要按上下文筛选适用规则
- 评审品牌页风格,判断哪些设计规则适合当前需求
适合人员
- 前端工程师,需要为着陆页和作品集制定设计取舍
- 独立开发者,准备上线个人作品集并统一视觉语言
- 产品设计师,负责旧站改版时梳理可用的前端规则
- 技术负责人,希望团队在重设计中避免模板化表达