Taste Skill
Taste Skill 是一套开源 Agent Skill,为 Cursor、Claude Code、Codex 等编程智能体提供艺术方向、参考图片和真实浏览器检查,帮助它们构建有辨识度的网站与应用界面,而不是通用的 AI 页面。
访问 Leonxlnx/taste-skill项目简介
Taste Skill 是面向 Cursor、Claude Code、Codex、Gemini CLI、v0、Lovable、OpenCode 等编程智能体的开源 Agent Skill。它通过 SKILL.md 规则提供字体排版、间距、颜色、布局和动效指导,让智能体设计网站和应用界面,而不是拼装通用落地页。默认的 design-taste-frontend 技能会阅读需求、推断设计方向,使用来自开放馆藏并标注来源的真实图片,并在真实浏览器中检查结果。
核心功能
- 以开源 SKILL.md 技能文件服务编程智能体,一次安装即可用于 Cursor、Claude Code、Codex、Gemini CLI、v0、Lovable、OpenCode 以及其他读取 SKILL.md 的工具。为字体排版、间距、颜色、布局和动效提供明确规则,避免反复使用同一套通用模板。默认 v2 技能会阅读需求、映射到设计系统、处理深色模式与改版流程,并在交付前执行严格的预检。使用来自开放馆藏、带署名的真实图片,并在真实浏览器中以三种宽度检查页面,随后用最多三轮修复最主要的问题。自 v2.1
适用场景
- 根据一份需求构建落地页和营销网站,包含艺术方向、真实图片和基于浏览器的质量检查。以审计优先的流程检查和改版现有项目,保留有效部分并采用明确的现代化手段。自 v2.1 起构建仪表盘、管理视图和设置界面,应用针对布局、数据、图表和表格的专用规则。在实现前使用 image-to-code-skill 等图片优先技能生成设计参考。
快速开始
- 使用 npx skills CLI 安装:npx skills add Leonxlnx/taste-skill。按名称安装默认 v2 技能:npx skills add Leonxlnx/taste-skill --skill design-taste-frontend。在 Claude Code 中先添加插件市场:/plugin marketplace add Leonxlnx/taste-skill,然后安装:/plugin install taste-skill@taste-skill。在 Codex 中运行 codex plugin
部署与要求
- 需要 Node 22 或更新版本。需要已安装 Chrome、Edge 或 Chromium 浏览器。无需 API 密钥,技能本身不安装任何内容。查找图片时需要网络访问。
采用前须知
- 许可证:MIT。在使用、修改或分发项目前,请确认其具体条款。