莫的 Skills 精品 Hubskills.miemie
安装热度榜

design-taste-frontend

design-taste-frontend 是 leonxlnx/taste-skill 仓库中的默认前端设计技能，安装名为 design-taste-frontend，定位为「面向 AI Agent 的反样板（Anti-Slop）前端框架」，目标是把 AI 生成的界面升级为更好的布局、排版、动效与间距。当前默认版本为 v2（experimental），是对 v1 的大幅重写：会读取需求简报、推断设计语言，并调节三个 1-10 的旋钮（DESIGN_VARIANCE 布局变化度、MOTION_INTENSITY 动效强度、VISUAL_DENSITY 信息密度），同时包含简报推断、设计系统映射、硬性 em-dash 禁用、规范的 GSAP 代码骨架、重设计审计协议与严格预检。仓库还提供图像生成技能（网页、移动端、品牌套件）及其他变体（gpt-taste、image-to-code、redesign-existing-projects、high-end-visual-design、minimalist-ui、industrial-brutalist-ui 等），均通过 npx skills add 安装，框架无关，兼容 Codex/Cursor/Claude Code，采用 MIT 许可。

分类
设计与 UI
榜单排名
#66
安装量
569,533

它能做什么

中文摘要

design-taste-frontend 是 leonxlnx/taste-skill 仓库中的默认前端设计技能，安装名为 design-taste-frontend，定位为「面向 AI Agent 的反样板（Anti-Slop）前端框架」，目标是把 AI 生成的界面升级为更好的布局、排版、动效与间距。当前默认版本为 v2（experimental），是对 v1 的大幅重写：会读取需求简报、推断设计语言，并调节三个 1-10 的旋钮（DESIGN_VARIANCE 布局变化度、MOTION_INTENSITY 动效强度、VISUAL_DENSITY 信息密度），同时包含简报推断、设计系统映射、硬性 em-dash 禁用、规范的 GSAP 代码骨架、重设计审计协议与严格预检。仓库还提供图像生成技能（网页、移动端、品牌套件）及其他变体（gpt-taste、image-to-code、redesign-existing-projects、high-end-visual-design、minimalist-ui、industrial-brutalist-ui 等），均通过 npx skills add 安装，框架无关，兼容 Codex/Cursor/Claude Code，采用 MIT 许可。

为什么推荐

推荐理由

适合正在用 AI 编码 Agent 生成前端界面、但厌倦模板化 UI 的开发者：它提供明确的设计意图规则与可调旋钮，让布局、动效和密度可按项目调节，而不绑定具体框架。默认版本已是 v2（实验性）并持续推进到稳定版，同时保留 v1 供依赖原有精确行为的项目锁定；通过 npx skills add 即可安装，兼容 Codex、Cursor、Claude Code 与 Agent Skills。

什么时候用

适用场景

  • 使用 Codex、Cursor 或 Claude Code 等 AI 编码 Agent 生成网页前端界面时，希望避免千篇一律的样板 UI
  • 需要按项目调整布局变化度、动效强度与信息密度三个设计旋钮的前端任务
  • 把可移植的 SKILL.md 指令文件复制进项目或粘贴进 ChatGPT/Codex 对话中使用
  • 需要先用参考图（网页、移动端、品牌套件）再交给编码 Agent 实现的工作流
  • 已选择具体视觉方向（高端、极简、工业粗野等），需要叠加相应设计技能的前端项目

使用前先看

主要亮点

  • 01

    默认技能设计名即为 design-taste-frontend，当前为 v2（experimental），是对 v1 的大幅重写

  • 02

    提供三个 1-10 的设计旋钮：DESIGN_VARIANCE（布局实验度）、MOTION_INTENSITY（动效深度）、VISUAL_DENSITY（每屏信息量）

  • 03

    v2 包含简报推断、设计系统映射、硬性 em-dash 禁用、规范 GSAP 代码骨架、重设计审计协议与严格预检

  • 04

    通过 npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend" 安装

  • 05

    仓库标注兼容 Codex / Cursor / Claude Code，并声明 Agent Skills 兼容

  • 06

    声明框架无关，规则针对设计意图，适用于 React、Vue、Svelte

  • 07

    保留 v1（安装名 design-taste-frontend-v1），供依赖原版精确行为的项目锁定

  • 08

    仓库同时包含图像生成技能（imagegen-frontend-web、imagegen-frontend-mobile、brandkit），与代码技能同样通过 skills/ 目录被同一 CLI 发现

  • 09

    采用 MIT 许可，Copyright (c) 2026 Leonxlnx

  • 10

    作者声明该项目没有官方代币或加密货币项目

原始文档

原文摘录

Portable **Agent Skills** that upgrade AI-built interfaces: stronger layout, typography, motion, and spacing instead of boilerplate-looking UIs. This repo also includes **image-generation skills** for reference boards (web, mobile, brand kits). Pair them with **ChatGPT Images** or similar generators, then hand the frames to Codex, Cursor, or Claude Code for implementation.