Taste Skill 是 Leonxlnx 出品的
本资源包含什么
完整 skill 集合:来自 GitHub
Leonxlnx/taste-skillmain 分支(2026-08-14 最新),含skills/(13 个独立 skill)+examples/(示例项目)+scripts/(工具脚本)+research/(设计研究资料)。13 个 Skills:
brutalist-skill/(野兽派)+minimalist-skill/(极简)+soft-skill/(柔和风)+taste-skill/(核心风格指南)+taste-skill-v1/(v1 版风格)+image-to-code-skill/(图像转代码)+imagegen-frontend-mobile/(移动端)+imagegen-frontend-web/(Web 端)+brandkit/(品牌套件)+output-skill/(输出格式)+stitch-skill/(拼接)+redesign-skill/(重设计)+gpt-tasteskill/(GPT 适配)。Skill 描述索引:
skills/llms.txt(1.8 KB)——LLM 友好的 skills 索引文件。工具脚本:
skill.sh(skill 加载 CLI)+scripts/目录下辅助脚本。研究资料:
research/(设计系统研究文档)。官方文档:
README.md、CHANGELOG.md、LICENSE。品牌资源:
assets/readme-banner.webp、taste-skill-logo.png等已剔(README 引用图非构建必需)。
核心能力
反 slop 设计:拒绝 AI 默认生成的"塑料感"前端,给 AI agent 注入设计美学约束。
13 种风格:brutalist / minimalist / soft / taste / image-to-code / mobile / web / brandkit / output / stitch / redesign / gpt 适配——按场景切换。
Skill 加载:
skill.sh一键加载到 Claude Code / Cursor 等 AI agent。LLM 索引:
skills/llms.txt让 LLM 一眼知道有哪些 skill 可用。图像转代码:
image-to-code-skill/可让 AI 看设计图直接输出生产级 HTML / React 代码。品牌套件:
brandkit/让 AI 帮你生成 logo / 配色 / 字体方案。重设计 / 拼接:
redesign-skill/把现有网站改成 taste-skill 风格;stitch-skill/把多个设计稿合并。
本资源包不含什么
编译产物(已剔
node_modules/、dist/、.next/)README 引用图(已剔
assets/,含 banner webp / logo png / sponsor svg 等约 138 KB)大型变更日志(已剔
CHANGELOG.md)GitHub CI 与 .claude-plugin 配置(已剔
.github/、.claude-plugin/)
资源包大小
压缩后约 0.14 MB,解压后约 0.34 MB / 38 个文件。
启动运行(加载到 Claude Code)
# 1. 克隆到 Claude Code skills 目录 git clone https://github.com/Leonxlnx/taste-skill.git ~/.claude/skills/taste-skill # 2. 在 Claude Code 里调用 # /taste-skill 加载全部 13 个 skills # /taste-skill:minimalist 加载单个 skill # 3. 或者直接用 skill.sh ./skill.sh load taste-skill
启动运行(Cursor)
# 把 skills/ 目录加入 Cursor 的自定义规则路径 # Settings → Rules → Add Rule → 选择 skills/taste-skill/SKILL.md
安装使用
Claude Code(推荐原生支持)
Cursor(通过自定义规则路径)
任何支持 skill 协议的 agent(llms.txt 索引可用)
无需编译,纯文本 prompt 文件
典型使用场景
反 AI 塑料感:让 Claude Code / Cursor 写出有设计感的代码,而不是默认的 Bootstrap 风。
团队统一风格:把 taste-skill 加载到团队 AI agent,统一所有新项目的前端美学。
设计稿转代码:用 image-to-code-skill 让 AI 看 Figma 截图直接输出生产级 React/Vue。
品牌升级:用 brandkit 一键生成 logo / 配色 / 字体三件套。
适用人群
前端工程师:被 AI 生成的"塑料前端"困扰,希望用 skill 约束设计美学。
设计师:想让 AI 严格按照你的设计系统工作。
AI agent 团队 lead:统一团队所有 agent 的前端风格输出。
做技术选型:评估 taste-skill vs v0.dev / Bolt.new / Webflow AI。
质量承诺
本资源包内源码全部来自 Leonxlnx/taste-skill 官方 GitHub 仓库,2026-08-14 最新版本,经本地解压验证:含 13 个独立 skill + examples + scripts + research 完整文档。用户下载后 git clone 到 ~/.claude/skills/ 即可被 Claude Code 自动加载。
版权声明
本站文字内容为原创编撰或者网络搜集整理,受著作权保护,禁止未经授权批量采集转载。
本站分享的各类源码、AI大模型、程序工具仅作技术科普部署教程使用,不直接存储原版版权文件。
所有第三方资源的知识产权、开源协议、商用授权规则均归原开发团队所有。
使用者下载、部署、二次开发必须严格遵守国家著作权相关法律法规,以及资源官方许可协议,如需商业运营,务必向版权方申请合法授权。
因用户私自商用、违规分发资源造成的法律纠纷与经济损失,全部由使用者自行承担,本站不承担连带责任。