What Design Systems Are Supported by Taste Skill? The Complete List

Taste Skill supports twelve distinct design-system-oriented skills—including core UI languages such as design-taste-frontend, premium visual styles like high-end-visual-design, and workflow tools such as redesign-existing-projects—all installable via the npx skills add CLI.

The open-source Leonxlnx/taste-skill repository hosts a family of design systems supported by Taste Skill, each implemented as a standalone skill under the skills/ folder. Every skill defines its rules in a SKILL.md or DESIGN.md file and registers with the CLI through front-matter metadata. The authoritative list appears in the Skills section of the repository README.

Core UI Design Systems

These skills implement the primary “Taste” visual language and its direct stylistic variants.

Taste Skill v2

Taste Skill v2 is the default modern UI language. It provides a variance-adjustable design system with built-in motion, density controls, and anti-slop rules. The source definition lives at skills/taste-skill/SKILL.md, and the CLI install name is design-taste-frontend.

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

Taste Skill v1

Taste Skill v1 preserves the original visual language for backward compatibility. Its rule set is defined in skills/taste-skill-v1/SKILL.md and installs under the name design-taste-frontend-v1.

GPT Taste

GPT Taste is a stricter variant geared toward GPT-style agents, enforcing higher layout variance and stronger GSAP animation direction. Inspect the rules in skills/gpt-tasteskill/SKILL.md and install it via gpt-taste.

Soft Skill

Soft Skill delivers a premium, calm UI with generous whitespace, soft contrast, and spring-based motion. The specification resides in skills/soft-skill/SKILL.md; the CLI name is high-end-visual-design.

Minimalist Skill

Minimalist Skill applies an editorial-style aesthetic reminiscent of Notion or Linear, using restrained palettes and crisp structure. Its definition is at skills/minimalist-skill/SKILL.md and the install name is minimalist-ui.

Brutalist Skill

Brutalist Skill offers an experimental, high-contrast “Swiss-type” design built from sharp geometry. The rules live in skills/brutalist-skill/SKILL.md and install as industrial-brutalist-ui.

Workflow and Integration Skills

These skills audit, bridge, or transform existing projects rather than prescribing a single visual look.

Redesign Skill

Redesign Skill provides a design-system-agnostic audit-and-fix workflow that can be applied to any existing UI. The source file is skills/redesign-skill/SKILL.md and the install name is redesign-existing-projects.

Stitch Skill

Stitch Skill supplies Google-Stitch-compatible rules and optionally exports a DESIGN.md file for downstream tooling. Review skills/stitch-skill/DESIGN.md and install via stitch-design-taste.

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

Image-to-Code Skill

Image-to-Code Skill generates reference images first, then analyzes them to produce code that follows the chosen design system. The pipeline is defined in skills/image-to-code-skill/SKILL.md and installs as image-to-code.

Asset Generation Skills

These skills focus on image-only outputs and brand-board creation.

Image-Gen Frontend Web

Image-Gen Frontend Web outputs web-style comps covering hero sections, landing layouts, typography, and spacing. The spec is at skills/imagegen-frontend-web/SKILL.md; the CLI name is imagegen-frontend-web.

Image-Gen Frontend Mobile

Image-Gen Frontend Mobile creates mobile screen comps for iOS and Android. Its definition lives in skills/imagegen-frontend-mobile/SKILL.md and installs via imagegen-frontend-mobile.

Brand Kit

Brand Kit generates brand-board assets including logo direction, palette, and typography rules. The source file is skills/brandkit/SKILL.md and the install name is brandkit.

How to Install Any Design System

All design systems supported by Taste Skill use the same installation pattern. The --skill flag maps to the name field declared in each skill’s front-matter.

# Default modern UI

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

# Legacy v1 behavior

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

# Premium soft UI

npx skills add https://github.com/Leonxlnx/taste-skill --skill "high-end-visual-design"

Referencing SKILL.md Files in Prompts

You can bypass the CLI entirely by copying a skill definition into your project and referencing it directly in agent prompts. For example, to apply Google-Stitch rules without installing the skill globally, point the model to skills/stitch-skill/DESIGN.md:

Please follow the design rules defined in `skills/stitch-skill/DESIGN.md` to build a landing page.

Each file listed above can be inspected directly in the GitHub source tree at Leonxlnx/taste-skill.

Summary

• Taste Skill provides twelve design-system-oriented skills under the skills/ directory.
• Core UI systems include Taste v2, Taste v1, GPT Taste, Soft Skill, Minimalist Skill, and Brutalist Skill.
• Workflow skills include Redesign, Stitch, and Image-to-Code for auditing, bridging, and image-first pipelines.
• Asset-generation skills include Image-Gen Frontend Web, Image-Gen Frontend Mobile, and Brand Kit.
• Every skill is installable via npx skills add https://github.com/Leonxlnx/taste-skill --skill "<name>" or usable by copying its SKILL.md into a project.

Frequently Asked Questions

How many design systems does Taste Skill support?

Taste Skill supports twelve distinct skills as documented in the Skills table of the repository README and implemented under the skills/ folder.

What is the default design system in Taste Skill?

The default system is Taste Skill v2, installed with design-taste-frontend and defined in skills/taste-skill/SKILL.md.

Can I use Taste Skill design systems without the CLI?

Yes. You can copy any skill's SKILL.md or DESIGN.md file directly into your project and reference it in prompts, such as skills/stitch-skill/DESIGN.md for Google-Stitch-compatible rules.

Which Taste Skill design system is best for mobile UI prototypes?

Use Image-Gen Frontend Mobile (imagegen-frontend-mobile) to generate mobile screen comps, or apply Minimalist Skill for restrained iOS and Android layouts.

{
  "mcpServers": {
    "instagit": {
      "command": "npx",
      "args": ["-y", "instagit@latest"]
    }
  }
}