返回 Skill 目录
产品与设计TA
tasteskill
产品与设计公开收录

tasteskill

介绍

Anti-slop Agent Skills for AI-built frontends. Upgrades layout, typography, motion, and spacing instead of generic boilerplate. 10+ specialized skills with adjustable dials (VARIANCE / MOTION / DENSITY). Works with React, Vue, Svelte. Compatible with Codex, Cursor, Claude Code. Install via npx skills add or paste SKILL.md directly.

Install

npx skills add Leonxlnx/taste-skill

One install works with any agent that supports SKILL.md files — Claude Code, Cursor, Codex, Gemini CLI, OpenCode, v0, Lovable, AI Studio and more.

To install the default skill explicitly:

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

Pinned to v1? Use --skill design-taste-frontend-v1.

Usage

No slash commands needed. When you ask the agent to build or redesign a frontend, the skill reads the brief (industry, audience, mood, motion depth, layout family), infers the right design direction, and applies a strict ruleset: real design systems when applicable, audit-first on redesigns, and a hard pre-flight check before shipping.

Variant skills ship in the same repo — gpt-tasteskill (GPT/Codex), redesign-skill, soft-skill, minimalist-skill, brutalist-skill, image-to-code-skill and more. Install only what you need.

安装(中文)

运行 npx skills add Leonxlnx/taste-skill 即可,支持所有兼容 SKILL.md 的 Agent。无需斜杠命令:当你让 Agent 构建或重设计前端时,技能会自动读取需求、推断设计方向并应用严格规则。同一仓库还有 gpt-tasteskill、redesign-skill、minimalist-skill 等变体,建议按需安装。

查看原站文档

常见问题

Which frameworks does tasteskill work with?
React, Vue and Svelte. It is compatible with Codex, Cursor and Claude Code.
How do I install tasteskill?
Install it via npx skills add, or paste SKILL.md directly.
What are the VARIANCE / MOTION / DENSITY dials?
They are adjustable dials included with the 10+ specialized skills, used to tune the generated frontend output.

评分与评论

来自真实使用者的公开反馈。

0.0
0 条评分
576%
418%
34%
21%
11%
评论审核通过后才会公开展示。

还没有公开评论。