Agent Skills
返回列表
💻

前端设计品味

开发编程 更新于 2026.08.30

将以下提示词粘贴到你的 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 不在范围内;如果你的页面类型不在清单里,应改用其他方案。规则是辅助判断,不是自动修图。

使用场景

  • 改版旧官网首页,需要统一排版与视觉规则
  • 重构作品集站点,让页面类型与内容策略匹配
  • 重做产品着陆页,需要按上下文筛选适用规则
  • 评审品牌页风格,判断哪些设计规则适合当前需求

适合人员

  • 前端工程师,需要为着陆页和作品集制定设计取舍
  • 独立开发者,准备上线个人作品集并统一视觉语言
  • 产品设计师,负责旧站改版时梳理可用的前端规则
  • 技术负责人,希望团队在重设计中避免模板化表达