# What Design Systems Are Supported by Taste Skill? The Complete List > Discover taste skill supported design systems including frontend UI and visual design tools. Install easily with npx skills add and enhance your projects today. - Repository: [Leon Lin/taste-skill](https://github.com/Leonxlnx/taste-skill) - Tags: getting-started - Published: 2026-06-06 --- **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`](https://github.com/Leonxlnx/taste-skill/blob/main/SKILL.md) or [`DESIGN.md`](https://github.com/Leonxlnx/taste-skill/blob/main/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`](https://github.com/Leonxlnx/taste-skill/blob/main/skills/taste-skill/SKILL.md), and the CLI install name is `design-taste-frontend`. ```bash 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`](https://github.com/Leonxlnx/taste-skill/blob/main/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`](https://github.com/Leonxlnx/taste-skill/blob/main/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`](https://github.com/Leonxlnx/taste-skill/blob/main/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`](https://github.com/Leonxlnx/taste-skill/blob/main/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`](https://github.com/Leonxlnx/taste-skill/blob/main/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`](https://github.com/Leonxlnx/taste-skill/blob/main/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`](https://github.com/Leonxlnx/taste-skill/blob/main/DESIGN.md) file for downstream tooling. Review [`skills/stitch-skill/DESIGN.md`](https://github.com/Leonxlnx/taste-skill/blob/main/skills/stitch-skill/DESIGN.md) and install via `stitch-design-taste`. ```bash 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`](https://github.com/Leonxlnx/taste-skill/blob/main/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`](https://github.com/Leonxlnx/taste-skill/blob/main/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`](https://github.com/Leonxlnx/taste-skill/blob/main/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`](https://github.com/Leonxlnx/taste-skill/blob/main/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. ```bash # 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`](https://github.com/Leonxlnx/taste-skill/blob/main/skills/stitch-skill/DESIGN.md): ```markdown 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 ""` or usable by copying its [`SKILL.md`](https://github.com/Leonxlnx/taste-skill/blob/main/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`](https://github.com/Leonxlnx/taste-skill/blob/main/skills/taste-skill/SKILL.md). ### Can I use Taste Skill design systems without the CLI? Yes. You can copy any skill's [`SKILL.md`](https://github.com/Leonxlnx/taste-skill/blob/main/SKILL.md) or [`DESIGN.md`](https://github.com/Leonxlnx/taste-skill/blob/main/DESIGN.md) file directly into your project and reference it in prompts, such as [`skills/stitch-skill/DESIGN.md`](https://github.com/Leonxlnx/taste-skill/blob/main/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.