# How to Build Leonxlnx/taste-skill: A Complete Installation Guide > Learn to build Leonxlnx/taste-skill by installing SKILL definitions with the npx skills CLI. Get a straightforward installation guide for your AI agent environment. - Repository: [Leon Lin/taste-skill](https://github.com/Leonxlnx/taste-skill) - Tags: getting-started - Published: 2026-05-26 --- **To build Leonxlnx/taste-skill, install the SKILL definitions into your AI agent environment using the `npx skills` CLI rather than compiling source code.** The **taste-skill** repository is a collection of portable SKILL files that encode design-system rules and implementation guidelines for AI-generated front-ends. Unlike traditional codebases that require compilation or bundling, this repository contains markdown-based specifications located in the `skills/` directory that are "built" by making them discoverable to AI agents and developer tools. ## Understanding the Build Process Unlike conventional JavaScript or Python projects, Leonxlnx/taste-skill contains no [`package.json`](https://github.com/Leonxlnx/taste-skill/blob/main/package.json), bundler configuration, or test suite. The "build" process consists entirely of **installing the SKILL definitions** into a project or AI-agent environment so that tools can reference the design specifications. ### No Compilation Required Because the repository only supplies design specifications written in markdown, there is no compilation step, no dependencies to install, and no binary output to generate. Each skill is a self-contained document that AI agents parse at runtime to understand design constraints, aesthetic dials, and implementation rules. ### The Skill Registry Architecture The repository uses a Bash-based registry system defined in [`skill.sh`](https://github.com/Leonxlnx/taste-skill/blob/main/skill.sh) to map skill names to their corresponding markdown files. This script declares an associative array that the CLI uses to locate specific SKILL definitions: ```bash #!/usr/bin/env bash declare -A SKILLS=( [taste-skill]="skills/taste-skill/SKILL.md" [taste-skill-v1]="skills/taste-skill-v1/SKILL.md" [brutalist-skill]="skills/brutalist-skill/SKILL.md" # …other mappings… ) ``` When you run `source ./skill.sh `, the script prints the file path to the corresponding [`SKILL.md`](https://github.com/Leonxlnx/taste-skill/blob/main/SKILL.md) document. ## Step-by-Step Installation Guide The canonical method to build and install the taste-skill collection is through the **Vercel Agent Skills** CLI, which clones the repository and registers the markdown files for AI consumption. ### Install All Skills via CLI To install the complete collection of design skills into your environment, run: ```bash npx skills add https://github.com/Leonxlnx/taste-skill ``` This command clones the repository, scans the `skills/` folder, and registers every [`SKILL.md`](https://github.com/Leonxlnx/taste-skill/blob/main/SKILL.md) file that the CLI can serve to an AI agent. ### Install a Single Skill If you only need a specific design system, such as the default antislop frontend skill, install it by its front-matter name: ```bash npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend" ``` The `--skill` flag targets the specific install name defined in the `name:` field of the markdown file's front-matter, allowing you to load only the rules you need without cluttering your agent's context window. ### Manual Installation Using skill.sh For custom workflows or local development, resolve skill paths manually by sourcing the registry script: ```bash # Print the path to the "brutalist-skill" definition source ./skill.sh brutalist-skill # → outputs: skills/brutalist-skill/SKILL.md ``` This approach is useful when extending the repository or integrating skills into non-standard AI agent pipelines. ## Repository Structure and Key Files Understanding the file layout is essential for building and customizing the skill set: - **skills/** – Contains all usable assets, with each subfolder holding a single [`SKILL.md`](https://github.com/Leonxlnx/taste-skill/blob/main/SKILL.md) file that encodes a skill's metadata and rule-driven design specification - [`skills/taste-skill/SKILL.md`](https://github.com/Leonxlnx/taste-skill/blob/main/skills/taste-skill/SKILL.md) – Default antislop frontend skill (v2 experimental) - [`skills/taste-skill-v1/SKILL.md`](https://github.com/Leonxlnx/taste-skill/blob/main/skills/taste-skill-v1/SKILL.md) – Original v1 frontend skill for backward compatibility - [`skills/brutalist-skill/SKILL.md`](https://github.com/Leonxlnx/taste-skill/blob/main/skills/brutalist-skill/SKILL.md) – Brutalist UI variant - [`skills/gpt-tasteskill/SKILL.md`](https://github.com/Leonxlnx/taste-skill/blob/main/skills/gpt-tasteskill/SKILL.md) – Stricter variant for GPT/Codex agents - [`skills/imagegen-frontend-web/SKILL.md`](https://github.com/Leonxlnx/taste-skill/blob/main/skills/imagegen-frontend-web/SKILL.md) – Image-generation skill for web components - [`skills/redesign-skill/SKILL.md`](https://github.com/Leonxlnx/taste-skill/blob/main/skills/redesign-skill/SKILL.md) – Redesign-audit skill for existing projects - **skill.sh** – Bash registry mapping skill names to markdown file paths - **research/** – Background research informing the skill rules - **assets/** and **examples/** – Visual demonstrations and banner graphics referenced by the skills ## Using Installed Skills in AI Prompts Once installed via the build process, AI agents reference skills by name in prompts. The agent reads the skill's rules—including parameters like `DESIGN_VARIANCE`, `MOTION_INTENSITY`, and `VISUAL_DENSITY`—to generate compliant code. Example prompt usage: ``` You are a front-end code generator. Follow the skill: design-taste-frontend and produce a Next.js landing page that respects the DESIGN_VARIANCE=7, MOTION_INTENSITY=5, and VISUAL_DENSITY=4 dials. ``` ## Customizing and Extending Skills To adapt a skill for your specific project requirements without modifying the upstream repository: 1. Copy the target [`SKILL.md`](https://github.com/Leonxlnx/taste-skill/blob/main/SKILL.md) file from `skills//` into your project's directory 2. Edit the front-matter or rule sections to adjust design constraints 3. Reference the local file path directly in your agent configuration or prompt This approach gives you full control over the design system while maintaining compatibility with the original taste-skill architecture. ## Summary - **Leonxlnx/taste-skill** contains no build pipeline; "building" means installing markdown-based SKILL definitions into an AI agent environment - Use `npx skills add https://github.com/Leonxlnx/taste-skill` to install the full collection, or add `--skill "name"` for individual skills - The [`skill.sh`](https://github.com/Leonxlnx/taste-skill/blob/main/skill.sh) registry script maps skill names to file paths in the `skills/` directory for manual resolution - Each skill is a self-contained [`SKILL.md`](https://github.com/Leonxlnx/taste-skill/blob/main/SKILL.md) file encoding design rules, dials, and implementation guidelines - Customize skills by copying and modifying the markdown files locally without altering the upstream repository ## Frequently Asked Questions ### Do I need Node.js or npm to build Leonxlnx/taste-skill? **No.** While the recommended installation method uses `npx skills`, which requires Node.js, the repository itself contains only markdown and Bash scripts. You can manually copy the [`SKILL.md`](https://github.com/Leonxlnx/taste-skill/blob/main/SKILL.md) files into your project without any JavaScript runtime, or source the [`skill.sh`](https://github.com/Leonxlnx/taste-skill/blob/main/skill.sh) script using any POSIX-compliant shell to resolve file paths. ### What is the difference between taste-skill and taste-skill-v1? **taste-skill-v1** is the original frontend skill preserved for backward compatibility, located at [`skills/taste-skill-v1/SKILL.md`](https://github.com/Leonxlnx/taste-skill/blob/main/skills/taste-skill-v1/SKILL.md). The default **taste-skill** (v2) in [`skills/taste-skill/SKILL.md`](https://github.com/Leonxlnx/taste-skill/blob/main/skills/taste-skill/SKILL.md) represents the experimental antislop frontend skill with updated design rules and dial configurations. Both follow the same installation process but encode different aesthetic constraints for AI code generation. ### Can I use these skills with ChatGPT or Claude without the Vercel CLI? **Yes.** Once you have copied or referenced the [`SKILL.md`](https://github.com/Leonxlnx/taste-skill/blob/main/SKILL.md) content, you can paste the rules directly into your prompt or use the `follow the skill: ` syntax if your agent supports skill references. The CLI simply automates the discovery and injection of these markdown specifications; the underlying content works with any LLM that can process the design rules contained in the files. ### Where are the actual build artifacts or compiled outputs? **There are none.** Leonxlnx/taste-skill is a specification-only repository. The "output" is the AI-generated code produced by agents that follow the installed SKILL rules. No webpack, Vite, or similar bundler runs against this repository—it serves purely as a design-system knowledge base for AI tooling, with the build process completing once the files are discoverable by your agent.