ARTICLE DETAIL

资讯详情

深耕网站建设、视觉设计与SEO优化的一线实战洞察。

如何快速上手 Taste-Skill:从选技能到跑通第一条设计指令

如何快速上手 Taste-Skill:从选技能到跑通第一条设计指令 如何快速上手 Taste-Skill从选技能到跑通第一条设计指令【免费下载链接】taste-skillTaste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop项目地址: https://gitcode.com/GitHub_Trending/ta/taste-skillAI 生成的落地页又是三栏卡片加渐变大标题这不是提示词的问题是代理缺设计品味。安装 Taste-Skill 就是为此一组便携的 AI 技能直接约束布局、字体、动效和间距。装进 Claude 或 Codex产出的页面才开始像设计师做的。先选对 AI 界面设计技能再敲命令别急着一口气装全。仓库里技能各干一件事按你的意图锁定一两个做 SaaS 落地页、作品集装design-taste-frontend默认技能覆盖绝大多数场景出移动端界面装imagegen-frontend-mobile先产出屏幕与流程参考图再交给 Codex 或 Claude 写码改造现有项目装redesign-existing-projects先审计现有 UI再修间距和层级不动功能图像驱动出图先生图、再分析、再写码装image-to-code一条流水线走完还有面向 GPT/Codex 的严格变体、极简和粗野主义风格技能用到再装。另外默认技能已是重写后的实验版本依赖旧版确切行为时把--skill换成design-taste-frontend-v1即可。npx skills add 怎么装三条路径取用全量安装skills/目录下的技能一次拉齐适合不想挑选的团队npx skills add https://github.com/Leonxlnx/taste-skill单技能安装--skill后跟安装名注意是 frontmatter 里的 name不是文件夹名本文主线npx skills add https://github.com/Leonxlnx/taste-skill --skill design-taste-frontend内网拉不到 npx或想改规则再装把仓库克隆下来复制skills/里对应的SKILL.md进项目或直接粘贴进 AI 对话git clone https://gitcode.com/GitHub_Trending/ta/taste-skill拧三个旋钮控制输出风格默认技能文件顶部有三个旋钮都是 1–10DESIGN_VARIANCE管布局实验度低是对称规整高是不对称玩花样MOTION_INTENSITY管动效深度低是只有 hover 反馈高是滚动驱动加物理效果VISUAL_DENSITY管每个视口的信息量低像画廊高像驾驶舱。类比相机的光圈、快门和 ISO拧任何一个页面味道都变。内置的预设直接抄场景DESIGN_VARIANCEMOTION_INTENSITYVISUAL_DENSITYSaaS 落地页764创意机构官网983公共服务页面325用的时候在对话里说出场景就行代理会自己取值也可以直接甩一句 “VARIANCE 调 5DENSITY 调 3”不用改文件。装完怎么确认生效卡住了看这里快速验三下让它做一个 SaaS 落地页。输出还是三栏卡片加 Inter 字体、linear 缓动说明没生效让它报一下三个旋钮的默认值8 / 6 / 4。报不出来技能没加载npx 报错就先看 Node 版本≥14和网络再跑npm cache clean --force清缓存重试还不行就走第三条路把SKILL.md粘进对话稳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-skill创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表