SuperAPI AI 工具集

design-taste-frontend

前端与建站

查看项目

更新于 10-15 08:52

技能介绍

用途

这是一个前端设计技能(skill),目标是解决 AI 生成界面“千篇一律”的问题。当 AI 编码代理默认输出紫色渐变、三张等宽卡片、Inter 字体配 slate-900、网格状英雄区或通用玻璃拟态时,该技能会介入,让代理先理解需求,再产出具有真实层级、排版、间距和动效的界面。

主要能力

  • 提供“设计品味”,让编码代理在布局、排版、间距、层级和动效上做出更有判断力的选择,而不是套用默认 AI 模板。
  • 强制先读需求简报:推断页面类型、目标受众和整体氛围,然后再开始构建。
  • 通过三个可调旋钮控制设计方向:
    • DESIGN_VARIANCE(设计变化度):低为干净、居中;高为非对称、实验性。
    • MOTION_INTENSITY(动效强度):低为仅悬停效果;高为滚动、磁吸、电影感动效。
    • VISUAL_DENSITY(视觉密度):低为通透、画廊式;高为密集、紧凑。

使用方式

安装命令:

npx skills add 0xwilliamortiz/taste-skills

安装后,该技能会作用于使用它的编码代理。具体调用方式、配置细节和与不同代理的集成方法,资料中暂未提供。

适用场景

  • 使用 AI 编码代理生成前端界面,但希望避免模板化、通用化视觉风格。
  • 需要根据具体需求简报调整设计变化度、动效强度和视觉密度的项目。
  • 希望提升布局、排版、间距、层级和动效质量的界面开发。

限制

  • 资料未说明该技能支持的具体平台、框架或代理类型。
  • 资料未提供收费、价格、效果保证或详细使用步骤。
  • 该技能基于 Leonxlnx/taste-skills,但两者之间的具体差异和依赖关系暂未提供。