ARTICLE DETAIL

资讯详情

深耕郑州网站建设与运营推广的一线实战洞察。

Taste-Skill:两条命令给 AI 装上设计品味,告别千篇一律的“AI 味“首页

Taste-Skill:两条命令给 AI 装上设计品味,告别千篇一律的“AI 味“首页 Taste-Skill两条命令给 AI 装上设计品味告别千篇一律的AI 味首页【免费下载链接】taste-skillTaste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop项目地址: https://gitcode.com/GitHub_Trending/ta/taste-skillTaste-Skill 是一个开源的反AI 味前端技能框架用一份 SKILL.md 指令文件给 Cursor、Claude Code、Codex 等 AI 编码工具装上设计品味让生成的页面不再像模板。适合经常让 AI 写前端页面的你。你可能也踩过这些坑让 AI 做一个品牌官网它给你紫蓝色渐变、居中大标题、三张一模一样的卡片和上一个项目长得几乎一样。交付的页面里塞着 V0.6 BETA 角标、用 div 拼的假产品截图每张图下面还有一行故作深沉的说明文字。页面号称有滚动动画结果根本没触发破折号满屏飞一眼就看出是 AI 写的。两步装好 Taste-Skillnpx skills add https://gitcode.com/GitHub_Trending/ta/taste-skill这条命令扫描仓库的skills/目录把全部技能代码技能 出图技能装进你的项目。npx skills add https://gitcode.com/GitHub_Trending/ta/taste-skill --skill design-taste-frontend这条命令只装核心的设计品味技能。也可以不敲命令把 skills/ 目录下的 SKILL.md 直接复制进项目或粘贴给 ChatGPT 对话。装上之后有什么区别没装它时AI 拿到需求直接套默认审美写出来就是你上面见过的那张脸。装上 v2 后AI 动手前必须先输出一句设计解读交付前还要逐项过一份 58 项的预飞检查清单。具体变化是破折号一个都不剩宣称的动效必须真的能动LCP 小于 2.5 秒、INP 小于 200 毫秒、CLS 小于 0.1。它到底管住了什么先读题再动手Brief Inference写代码前AI 要先读六个信号页面类型、你用的风格词、参考链接、目标受众、已有品牌资产、隐性约束。适合任何新需求尤其当你只丢了一句话需求时。设计系统映射需求像微软企业应用就上官方 Fluent UI像 GitHub 开发者工具就用 Primer不再手搓山寨设计系统。适合做企业站、工具站或明确要对齐某个大厂风格时。AI 标志禁令清单版本角标、滚动提示、装饰性图片说明、用 div 拼的假 UI全部写进硬约束机器可检查。适合对交付质量卡得严的团队。动效标准答案动效库统一用 Motion原 Framer Motion 的新名GSAP 粘性堆叠、水平平移给了现成代码骨架高强度动画必须支持减少动效偏好。适合需要滚动动画但不想踩坑的场景。三个旋钮参数怎么调三个旋钮各取值 1 到 10在对话里直接说改就行不用改文件旋钮作用1 分10 分DESIGN_VARIANCE布局实验性完美对称艺术性混乱MOTION_INTENSITY动效深度纯静态电影级物理效果VISUAL_DENSITY每屏信息量画廊般空旷驾驶舱般密集官方预设场景VARIANCEMOTIONDENSITYSaaS 着陆页764创意机构作品集983公共部门网站325效果展示Floria 花艺官网这个示例是 v2 生成的 Floria 高端花艺品牌网站深色基调、大标题克制、按钮一眼可见整页只有一个强调色方向区块之间布局各不相同。它想证明的就是这一点像设计师出手不像 AI 套模板。按场景选技能你的场景用哪个通用默认最稳妥design-taste-frontendtaste-skill现默认 v2GPT/Codex 想要更严格约束gpt-taste改版老项目先审计再动手redesign-skill先出参考图再写代码image-to-code-skill配imagegen-frontend-web风格已定叠加视觉方向minimalist-skill/brutalist-skill/soft-skillAI 老是把输出截断output-skill只交付设计图不写码imagegen-frontend-web/imagegen-frontend-mobile/brandkit常见疑问它支持 React、Vue、Svelte 吗都支持。规则管的是设计意图不绑定任何框架 API。SKILL.md 到底是什么一份 AI 能自动加载的可移植指令文件相当于给 AI 配了一位随身带的设计总监手册。v2 还是实验版会不会不稳定它已是默认安装项正在向 2.0.0 稳定版收敛需要 v1 的精确行为装design-taste-frontend-v1即可。v1 到 v2 的完整差异见 CHANGELOG.md。一句话总结把设计品味从玄学变成可检查的规则。去装上它下次让 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辅助生成(AIGC),仅供参考
返回列表