Leonxlnx/taste-skill

这是什么？

核心功能

• 01在构建页面前，从研究过的选项中确定艺术方向
• 02从 Wikimedia Commons 等开放图库获取真实图片并在页面上署名
• 03在真实浏览器中以三种宽度检查渲染结果
• 04查看自己的截图并分轮修复主要问题
• 05为仪表盘和应用界面提供单独的规则与检查
• 06可通过 npx skills 安装，也可作为 Claude Code 和 Codex 插件安装

适用场景

• 构建不像默认 AI 模板的落地页或作品集
• 在修改前用真实浏览器审查并重新设计已有网站
• 制作数据真实、风格克制的仪表盘或管理后台
• 为需要独特视觉风格的产品制作营销站点

快速上手

1. 1

   使用 npx 安装默认技能

   npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"
2. 2

   确保已安装 Node 22+ 以及 Chrome、Edge 或 Chromium

使用前须知

• !默认技能需要 Node 22+ 以及已安装的 Chrome、Edge 或 Chromium。
• !查找图片需要网络连接。
• !单次构建大约需要 30 到 45 分钟，消耗几十万 token。

标签

常见问题

taste-skill 是什么？

一组 Agent Skills，让编程智能体设计有个性的前端页面，而不是千篇一律的 AI 模板页。 Taste Skill 是一组面向编程智能体（如 Claude Code、Codex、Cursor）的 Agent Skills，用来解决 AI 生成的前端页面千篇一律的问题。默认技能 design-taste-frontend 会让智能体从研究过的多种风格中选定艺术方向，从开放图库中查找带署名的真实图片，完成页面后在真实浏览器中以多个宽度进行检查。

taste-skill 可以免费使用吗？用的什么许可证？

taste-skill 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

taste-skill 还在维护吗？

活跃维护中。taste-skill 最近一次提交是在 2026年10月19日。

taste-skill 适合用来做什么？

构建不像默认 AI 模板的落地页或作品集 在修改前用真实浏览器审查并重新设计已有网站 制作数据真实、风格克制的仪表盘或管理后台 为需要独特视觉风格的产品制作营销站点

taste-skill 怎么安装和运行？

使用 npx 安装默认技能: npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend" 确保已安装 Node 22+ 以及 Chrome、Edge 或 Chromium

在哪里获取 taste-skill？

源代码和安装说明在 GitHub 上：https://github.com/Leonxlnx/taste-skill