SWSkillsWay.ai
查看仓库 ↗
技能集 · / leonxlnx / taste-skill

leonxlnxleonxlnx/taste-skill

用途概括Taste Skill 是一组可移植的 Agent Skills,用于将 AI 构建的前端从通用模板提升为有设计感的高级界面。它包含输出代码的实现类技能(如 design-taste-frontend、redesign-existing-projects)和仅生成参考图的图像生成类技能(如 imagegen-frontend-web、brandkit)。技能模块化且模型无关,兼容 Codex、Cursor 或 Claude Code。通过简单安装与提示调用,可为落地页、应用或现有项目增强排版、布局、动效与间距。
Skill 数量
13
所需 CLI
—
业务领域
CodingDesign
技能形态
Style GuideWorkflow
技能集分析

技能关系

技能之间的使用关系

Skill → Skill 的使用关系,可跨层指向。同色块表示同一类技能形态。

引用关系数
0
独立技能数
13
引用最多的技能
无引用关系
被引用最多的技能
无引用关系

说明:每条依赖线读作「当前 Skill 依赖」它指向的 Skill。

SkillsWay.ai · Heads-Up Agent Skills Inspector安装前,先看懂 Agent Skills。

核心思想

关键理念 & 方法论

作者的设计原则、与同类项目的差异化定位、关键工作流的简要介绍。文中提到的技能名称会自动链接到对应技能页。

核心思想

Taste Skill 是一套“反平庸(anti-slop)”前端技能集,通过可移植的 Agent Skills 将 AI 生成的界面从模板感提升到高级质感。与全包式框架不同,它保持模块化:每个技能只做一件事(代码实现或图像生成)。

设计原则

  • 反平庸:禁止通用套路,强制真实设计系统、排版、动效与间距。
  • 模块化可组合:按需选用(如 design-taste-frontend、soft-skill)。
  • 模型无关:兼容 Codex、Cursor、Claude Code;图像技能配合 ChatGPT Images。

主要模块

  • design-taste-frontend:默认 v2,推断需求并调节 Variance/Motion/Density 旋钮。
  • image-to-code:图像优先的“生成→分析→实现”流程。
  • redesign-existing-projects:先审计再修复现有 UI。
  • 图像生成技能(imagegen-frontend-web、brandkit):仅出参考图。

工作流

在提示中指明技能(如 follow image-to-code: generate, analyze, code),由 agent 应用,图像交给编码 agent。

技能组成

该用什么技能?

每个技能都为某种调用者设计——有的必须由你点名触发,有的则由模型自动按上下文加载。下面的两张卡片一眼看清整个技能集的触发分工。

用户主动调用13

这些技能期待被用户手动直接点名使用。

brandkitdesign-taste-frontenddesign-taste-frontend-v1full-output-enforcementgpt-tastehigh-end-visual-designimage-to-codeimagegen-frontend-mobileimagegen-frontend-webindustrial-brutalist-uiminimalist-uiredesign-existing-projectsstitch-design-taste
模型自动调用0

由模型在判断上下文相关时自动使用,通常不需要点名调用。

该技能集未列出由模型自动调用的技能。

技能清单

13 个 Skill · 按名称或领域筛选

brandkit

高端品牌套图生成技能,用于制作高端品牌规范板、标志系统与识别 deck。它推断品牌策略,在灵活栅格中应用克制构图与标志构思法。产出为可直接演示、视觉昂贵品牌世界图像,可用于识别、UI 与营销。

→
领域
Design
形态
Style Guide
位置
skills/brandkit/SKILL.md

design-taste-frontend

面向落地页、作品集与重设计的反模板前端技能。它读取需求,通过三个旋钮推断设计方向,映射到真实设计系统或诚实美学。以审计优先和严格预检交付非模板化界面,提升原创性与质量。

→
领域
DesignCoding
形态
Style GuideWorkflow
位置
skills/taste-skill/SKILL.md

design-taste-frontend-v1

原始 v1 前端审美技能,保留精确向后兼容行为,用于 React/Next.js UI 生成。强制基线设计差异度、动效、密度配置,规范架构(Tailwind、RSC、依赖校验)与反模板规则(排版、色彩、布局)。产出高级非通用代码,含完整交互态与性能防护。

→
领域
CodingDesign
形态
Style GuideWorkflow
位置
skills/taste-skill-v1/SKILL.md

full-output-enforcement

强制完整、未删减的 LLM 输出,禁止截断与占位符。方法:锁定范围、完整生成、交叉核对、超限干净暂停。价值:产出生产级详尽代码/文档,无任何遗漏。

→
领域
Coding
形态
Style Guide
位置
skills/output-skill/SKILL.md

gpt-taste

精英 UX/UI 前端工程技能,通过模拟 Python 随机打破大模型默认偏见,强制 AIDA 结构、标题两行铁律、无空隙 Bento 网格与严格 GSAP 滚动动效。产出获奖级、富动效、非模板化的前端代码及严谨的预检设计方案。

→
领域
DesignCoding
形态
Style GuideWorkflow
位置
skills/gpt-tasteskill/SKILL.md

high-end-visual-design

教导 AI 以高端代理商方式设计,明确令网站显贵的字体、间距、阴影、卡片结构与动效规范。屏蔽令 AI 设计廉价通用的常见默认项。产出具备触觉纵深与流畅动效的代理商级高端 UI 代码。

→
领域
Design
形态
Style Guide
位置
skills/soft-skill/SKILL.md

image-to-code

面向视觉重要网页任务的精英图像转代码技能。先生成分节大图设计稿,深度分析后实现网页以高度匹配。关键方法:强制图像优先、Codex 中每节新图、深度设计提取。价值:从艺术参考产出高端、可读、保真的前端实现。

→
领域
CodingDesign
形态
Workflow
位置
skills/image-to-code-skill/SKILL.md

imagegen-frontend-mobile

精英级移动应用图像生成技能,为 iOS、Android 及跨平台产品创建优质、原生感的界面概念与流程。它通过平台模式、锁定设计规范和一致性规则打破通用 AI 默认风格。产出为干净手机框内高可读性界面图,为设计者提供明确、非套路的视觉参考,不涉及代码。

→
领域
Design
形态
Style Guide
位置
skills/imagegen-frontend-mobile/SKILL.md

imagegen-frontend-web

高端前端图像指导技能,生成兼顾转化的 premium 网站设计参考图。强制每板块一张独立横向图,用组合变异引擎打破通用AI套路。产出风格一致、经艺术指导的稿图,开发者可精准还原。

→
领域
Design
形态
Style Guide
位置
skills/imagegen-frontend-web/SKILL.md

industrial-brutalist-ui

生成融合瑞士印刷排版与军事终端美学的原始机械界面。采用刚性网格、极端字号对比、功利配色与模拟退化效果。产出面向数据密集仪表盘、作品集或编辑站点的设计规范,呈现如解密蓝图的质感。

→
领域
Design
形态
Style Guide
位置
skills/brutalist-skill/SKILL.md

minimalist-ui

一个前端风格指南技能,用于构建干净的编辑式极简界面,采用暖色单色调、字体对比、扁平 bento 网格与柔和粉彩。禁用渐变、重阴影与通用 SaaS 默认样式,产出精致高端的界面代码与克制微动效。

→
领域
Design
形态
Style Guide
位置
skills/minimalist-skill/SKILL.md

redesign-existing-projects

通过审计设计、修复通用 AI 模式,将已有网站和应用升级为高端品质。方法:扫描技术栈、按清单诊断、针对性修复。价值:不破坏功能即可获得高端视觉,兼容任意 CSS 框架。

→
领域
Design
形态
Style Guide
位置
skills/redesign-skill/SKILL.md

stitch-design-taste

为 Google Stitch 生成对 Agent 友好的 DESIGN.md 文件,强制高端、反通用的 UI 标准。方法:将反平庸前端指令转化为 Stitch 语义设计语言,涵盖氛围、配色、字体、组件、布局、动效与反模式。价值:作为单一真理来源,使 Stitch 产出非模板化、高质感界面。

→
领域
Design
形态
Style Guide
位置
skills/stitch-skill/SKILL.md

显示 13 / 13 条

安装方式

一行命令安装整个 Skillset。

在终端复制并运行以下命令,即可将 leonxlnx/taste-skill 添加到 Agent 环境。

$npx skills add leonxlnx/taste-skill