Leonxlnx taste-skill 反 slop 前端设计 skill 集合,AI agent 设计美学 13 种风格

Taste Skill 是 Leonxlnx 出品的

本资源包含什么

  • 完整 skill 集合:来自 GitHub Leonxlnx/taste-skill main 分支(2026-08-14 最新),含 skills/(13 个独立 skill)+ examples/(示例项目)+ scripts/(工具脚本)+ research/(设计研究资料)。

  • 13 个 Skillsbrutalist-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.mdCHANGELOG.mdLICENSE

  • 品牌资源assets/readme-banner.webptaste-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大模型、程序工具仅作技术科普部署教程使用,不直接存储原版版权文件。

所有第三方资源的知识产权、开源协议、商用授权规则均归原开发团队所有。

使用者下载、部署、二次开发必须严格遵守国家著作权相关法律法规,以及资源官方许可协议,如需商业运营,务必向版权方申请合法授权。

因用户私自商用、违规分发资源造成的法律纠纷与经济损失,全部由使用者自行承担,本站不承担连带责任。

转载请说明出处 内容投诉
素材市场 » Leonxlnx taste-skill 反 slop 前端设计 skill 集合,AI agent 设计美学 13 种风格

发表评论

您需要后才能发表评论

一个令你着迷的主题!

点击下载 VIP购买