gitwtfhub

wtf is ui-skills?

ibelick/ui-skills — explained in plain English

Analysis updated 2026-05-18

5,955TypeScriptAudience · developerComplexity · 1/5LicenseSetup · easy

TL;DR

A CLI-distributed collection of UI and design skills that route an AI coding agent to the right guidance for interface work.

Mindmap

mindmap
  root((ui-skills))
    What it does
      CLI skill router
      Skill categories
      Individual skill fetch
    Tech stack
      TypeScript
      npx CLI
    Use cases
      Route agent to UI skill
      Browse skill categories
      Fetch named skill
    Audience
      Design engineers
      AI agent builders

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Why would anyone build with this?

REASON 1

Run npx ui-skills start to route an AI coding agent to the right UI skill for the current task.

REASON 2

Browse available skill categories and list skills within a specific category like motion.

REASON 3

Fetch a specific named skill, such as baseline-ui, to load into an agent's workflow.

What's in the stack?

TypeScriptCLInpx

How it stacks up

ibelick/ui-skillsa16z-infra/companion-appelder-plinius/g0dm0d3
Stars5,9555,9545,956
LanguageTypeScriptTypeScriptTypeScript
Setup difficultyeasymoderateeasy
Complexity1/53/51/5
Audiencedeveloperdeveloperresearcher

Figures from each repo's GitHub metadata at analysis time.

How do you spin it up?

Difficulty · easy Time to first run · 5min

The README is sparse, full details on individual skills are documented on the linked ui-skills.com website rather than in the repo itself.

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

Wtf does this do

UI Skills is a collection of skills aimed at design engineers, people who work at the intersection of interface design and front-end code. The README itself is quite brief and points readers to a companion website, ui-skills.com, for the fuller picture, so most of the detail about what these skills actually cover lives outside this repository rather than in the README text. What the README does explain is how to use the project through its command line tool. Running npx ui-skills start is meant to route an AI coding agent through whichever UI skill set fits the task at hand, rather than making the developer figure out which skill applies on their own. Other commands let you browse what is available: npx ui-skills categories lists the available categories, npx ui-skills list with a category flag such as motion lists skills within that category, and npx ui-skills get followed by a skill name, like baseline-ui, retrieves a specific skill so it can be pulled into an agent's context. Because the README is sparse, it is not fully clear from this file alone exactly what each individual skill contains or teaches, only that they are organized by category and can be pulled into an agent's workflow through this CLI. It also does not explain what technology or format the individual skill files use internally, beyond the fact that the project itself is written in TypeScript. With nearly 6,000 stars, it appears to be a popular reference point for people building AI coding agents that need structured guidance on UI and design work, but readers wanting the specifics of any given skill should check the linked website rather than this file alone. The project is released under the MIT license.

Yoink these prompts

Prompt 1
Run npx ui-skills start in my project and explain what it does.
Prompt 2
List the available skill categories using the ui-skills CLI.
Prompt 3
Fetch the baseline-ui skill with ui-skills and explain what it adds to my agent.
Prompt 4
Help me understand how ui-skills routes an agent to the right skill set.

Frequently asked questions

wtf is ui-skills?

A CLI-distributed collection of UI and design skills that route an AI coding agent to the right guidance for interface work.

What language is ui-skills written in?

Mainly TypeScript. The stack also includes TypeScript, CLI, npx.

What license does ui-skills use?

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

How hard is ui-skills to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is ui-skills for?

Mainly developer.

View the repo → Decode another repo

This repo across BitVibe Labs

Don't trust strangers blindly. Verify against the repo.