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-skillTaste-Skill 是一套给编码代理注入设计品味的可移植 AI 技能包。装上之后AI 生成的前端界面不再模板化更强的布局、排版、动效与留白。30 秒就能跑起来。30秒跑通一行 npx 命令装下全部 Taste-Skillnpx 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 design-taste-frontend技能安装名称一句话用途taste-skilldesign-taste-frontend默认设计技能先读需求再生成适合大多数前端项目taste-skill-v1design-taste-frontend-v1原始 v1锁定旧行为时用gpt-tasteskillgpt-taste更严格的 GPT/Codex 变体布局变化更大、反模板更狠image-to-code-skillimage-to-code图像优先生成参考图 → 分析 → 写代码redesign-skillredesign-existing-projects先审计现有项目 UI再修布局、间距与层级另有三个图像生成技能imagegen-frontend-web网站设计图、imagegen-frontend-mobile移动端界面图、brandkit品牌工具包设计图。它们只出图不出代码配合图像生成模型产出参考图再交给编码代理落地。三个旋钮调风格参数推荐值对照默认技能用三个 1-10 的旋钮控制设计输出DESIGN_VARIANCE → 控制布局实验程度1 完美对称10 艺术化混沌→ 起步 7MOTION_INTENSITY → 控制动效深度1 静态10 电影级物理→ 起步 6VISUAL_DENSITY → 控制每视口信息密度1 艺术画廊10 驾驶舱→ 起步 4密度这个旋钮基本决定了页面是呼吸感还是仪表盘。场景VARIANCEMOTIONDENSITYSaaS 落地页764创意机构网站983设计师作品集873公共部门服务站点325这三个值直接在对话里覆盖即可不用改文件。翻车急救高频问题排查 ️npx 命令报错先确认 Node 版本不低于 14再检查网络都不行就清一次 npm 缓存npm cache clean --force重试。技能没生效九成是安装名称抄错了它来自 frontmatter 的name字段不是目录名。实在搞不定把对应 SKILL.md 内容直接复制进 AI 对话效果等同cp skills/taste-skill/SKILL.md ./my-skill.md版本混用默认安装名design-taste-frontend现在是 v2实验性。依赖 v1 确切行为就显式锁定npx skills add https://gitcode.com/GitHub_Trending/ta/taste-skill --skill design-taste-frontend-v1版本差异和动机写在看仓库里的 CHANGELOG.md 里。组合拳技能组合工作流示例 工作流一参考图 → 代码 → 调优装imagegen-frontend-web让图像模型先产出前端设计参考图。装image-to-code让代理分析参考图并实现对应界面。用design-taste-frontend的三个旋钮微调布局与动效。工作流二旧项目审计 → 重设计装redesign-existing-projects先对现有项目做 UI 审计。按审计结果重设计布局、间距、层级按优先级逐项修。代理老截断输出的话加一个output-skill安装名full-output-enforcement强制完整输出。从默认技能加三个旋钮起步版本演进和新规则都盯着 CHANGELOG.md 看就行。【免费下载链接】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），仅供参考