Taste Skill 页面截图
产品页面 点击查看大图

Taste Skill

为 AI 编码代理提供设计品味的开源前端框架,通过 SKILL.md 规则文件阻止 Cursor、Claude Code、Codex 等生成通用、无聊的界面,一条命令即可安装。

智能体skill界面质量
平台
Cursor、Claude Code、Codex、Gemini CLI、v0、Lovable、OpenCode、AI Studio
价格
完全开源,可通过 GitHub Sponsors 赞助支持开发。
01

Overview

产品概述

Taste Skill 是一套开源技能文件,目标是让 AI 编码代理生成的网页不再千篇一律。它兼容 Cursor、Claude Code、Codex、Gemini CLI、v0、Lovable、OpenCode 等主流 AI 编程工具,也支持任何可读取 SKILL.md 文件的代理。v2 版本会先理解需求简报、推断设计方向,再输出不像是模板套出来的界面;项目同时附带重设计审计、极简/粗野主义视觉风格、图片转代码等多种技能文件,并内置硬性交付前检查。该框架完全开源,可通过 GitHub Sponsors 支持维护。
02

Capabilities

核心能力

01

反模板设计规则

通过 SKILL.md 文件为 AI 编码代理提供设计约束,阻止生成通用、无聊的前端,并在每次输出时强制执行规则,让界面在视觉上更出彩。

02

多风格技能文件

仓库附带多个 SKILL.md 文件,包括面向 GPT/Codex 的更严格变体、极简主义、粗野主义、柔和视觉风格、图片转代码、重设计审计等,可按需组合启用。

03

发布前自检与审计

v2 提供硬性 pre-flight 检查,重设计流程先审计现有站点再动手,确保输出完整、无占位符并保持品牌一致。

03

Use Cases

适用场景

  1. 01

    从零构建新网站

    可根据 brief 推断设计方向,生成包含至少 8 个板块的 Next.js 单页,并保持布局家族多样性和统一主题。

  2. 02

    现有网站视觉重设计

    先执行 Section 11 审计,声明保留或推倒模式,再实施改动并确保 URL、导航、表单字段等不静默变更。

  3. 03

    图片优先的设计交接

    使用 image-to-code 或 imagegen 技能先生成设计参考图,再交给 Cursor、Claude Code 或 Codex 实现前端。

04

Integrations

集成能力

01

Cursor

兼容的 AI 编码代理,可自动读取 SKILL.md 文件。

02

Claude Code

兼容的 AI 编码代理,可自动读取 SKILL.md 文件。

03

Codex

兼容的 AI 编码代理,可自动读取 SKILL.md 文件。

04

Gemini CLI

兼容的 AI 编码代理,可自动读取 SKILL.md 文件。

05

v0

兼容的 AI 编码代理,可自动读取 SKILL.md 文件。

06

Lovable

兼容的 AI 编码代理,可自动读取 SKILL.md 文件。

07

OpenCode

兼容的 AI 编码代理,可自动读取 SKILL.md 文件。

08

AI Studio

兼容的 AI 编码代理,可自动读取 SKILL.md 文件。