用途:taste 是网页前端视觉设计的强制预检(mandatory preflight)。当首次调用前端创建或编辑工具前,如果可用,应先调用 read_skill 读取 bundled:taste。
主要能力:它是一份“反套路”(Anti-Slop)前端不要做清单,属于过滤器而非风格指南,从不对外观做规定。其定位是默认值,不是覆盖性规则:如果用户或其他技能提出了具体要求,应优先执行那些要求。资料指出,叠加清单中的多项做法,会让人一眼看出是 AI 生成的设计。
需要避免的做法包括:紫色/靛蓝/紫罗兰作为强调色,或紫到蓝的主视觉渐变(最典型的 AI 痕迹);bg-clip-text 渐变标题文字;整页背景使用奶油色(#faf8f4);极光光斑/发光彩色阴影,或每张卡片都有相同发光;到处使用 Inter,或仅以 Geist、Space Grotesk、Instrument Serif、Roboto、Arial 作为唯一身份;gray-400 / gray-500 正文文字;全文只有一个字重和字号(无层级);每个区块上方都加字距拉开的全大写微标签;居中的眉毛胶囊+标题+两个 CTA 的英雄区;千篇一律的三卡片功能网格,配圆角方块中的 lucide 图标;8 个以上单词、48px 以上却言之无物的标题;什么都用 bento 网格;逐段重复相同的“眉毛-标题-三卡片”结构;每个元素都用 rounded-2xl 或同一圆角;每个表面都加玻璃拟态模糊+边框+阴影;卡片 hover:scale-105 上浮;用 emoji 当功能图标(🚀 ⚡ ✨ 🎯 💡);左侧边框强调卡片、圆角元素上加彩色边框,或卡片内嵌卡片;所有内容滚动进入时都做 fade-up / slide-up;动画忽略 prefers-reduced-motion;无意义的手绘涂鸦 SVG 吉祥物。
使用方式与限制:作为预检,应在首次前端创建或编辑前读取。资料未提供安装命令、收费方式、支持平台或更多技术细节,暂未提供。