ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

Taste-Skill 完整指南:一条命令让 AI 生成的页面不再千篇一律

2026/8/29 12:52:35 拓冰建站 浏览量
Taste-Skill 完整指南:一条命令让 AI 生成的页面不再千篇一律 Taste-Skill 完整指南一条命令让 AI 生成的页面不再千篇一律【免费下载链接】taste-skillTaste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop项目地址: https://gitcode.com/GitHub_Trending/ta/taste-skill让 AI 写一个落地页你大概率会得到紫色渐变背景、居中大标题、三张等宽特性卡片。Taste-Skill 就是为 AI 编码代理准备的一组设计技能装好之后生成的界面会自动避开这类AI 味改用不对称布局、克制的配色和完整的交互状态。AI 味从哪来Taste-Skill 解决什么所谓AI 味行话叫 slop通用、模板化的观感。它来自模型对默认审美路径的依赖而不是你的需求。Taste-Skill 的解法是一组 Agent Skills。Agent Skills 是可移植的指令文件每个技能就是一个 SKILL.mdAI 代理Codex、Cursor、Claude 等会自动加载并遵守。它给模型教的是一整套设计判断什么时候该不对称、什么颜色该禁、交互状态必须做全。与普通提示词模板的区别在于规则背后有专门的测试和研究支撑背景资料都放在仓库的 research/ 目录里。一条命令完成安装npx skills add这个 CLI 会扫描仓库skills/目录下的全部技能一条命令装完npx skills add https://gitcode.com/GitHub_Trending/ta/taste-skill只想要某一个技能用--skill加安装名SKILL.md 里 name 字段的值不是文件夹名npx skills add https://gitcode.com/GitHub_Trending/ta/taste-skill --skill imagegen-frontend-mobile两点说明默认的 taste-skill 已是 v2 实验版是对 v1 的大改旧版保留为 taste-skill-v1差异见 CHANGELOG.md。不想用 CLI也可以把任意一个 SKILL.md 复制到项目里或直接粘贴进对话中使用。三个参数控制风格深度加载 taste-skill 后代理第一步不是写代码而是读需求然后用一句话声明我的理解什么页面、给谁看、什么风格。接着设定三个 1-10 的旋钮DESIGN_VARIANCE布局实验性低是居中整洁高是不对称大胆默认 8MOTION_INTENSITY动效深度低只有悬停高有滚动联动和磁性效果默认 6VISUAL_DENSITY每屏信息量低是画廊式留白高是仪表盘默认 4基线是 8/6/4。想改不用动文件直接在对话里说整体再安静一点数值会跟着调整。完整规则在 skills/taste-skill/SKILL.md。不是从零做页面时怎么选技能按场景各管一件事不需要一次全装升级现有站点用 redesign-skill先审计 UI再按顺序修布局、间距和层次交付物是设计稿而不是代码imagegen-frontend-web、imagegen-frontend-mobile、brandkit 只出图网页稿、移动端流程、品牌面板再交给编码代理实现代理爱偷懒、输出总是半成品加 output-skill强制完整输出已经定了视觉方向柔和、极简、硬朗对应 soft-skill、minimalist-skill、brutalist-skill其余变体gpt-taste、stitch-skill、image-to-code 等及对应安装名见 skills/llms.txt 的清单。它实际执行了哪些规则下面这些条款会直接体现在产出里布局实验性超过 4 时居中的 Hero 被禁止必须走分屏或不对称留白页面全局一个中性基调加一个强调色AI 常见的紫蓝渐变被严格排除交互周期必须完整骨架屏加载、空状态、内联报错一个都不能少动效只动画 transform 和 opacity磁性悬停用 motion value 实现而不走 React 状态防止移动端卡顿交付前逐项过一遍预检清单包括按钮对比度达标、8 个区块至少 4 种不同布局家族常见疑问绑定特定框架吗不绑定。规则针对设计意图React、Vue、Svelte 都能用。图像生成技能也是同一个命令安装吗是。它们和代码技能一起放在skills/目录下同一个 CLI 就能发现。v2 稳定吗目前是实验版会在 v2.0.0 时锁定接口。如果你依赖 v1 的精确行为安装 taste-skill-v1 即可。下一步很简单在项目目录里跑一遍安装命令然后让代理给你做一个 SaaS 落地页前后对比一下页面你就知道它值不值得长期留着。【免费下载链接】taste-skillTaste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop项目地址: https://gitcode.com/GitHub_Trending/ta/taste-skill创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考