Repolode
Submit
ibelick

ibelick/ui-skills

A registry of agent-ready UI and design engineering skills, browsable via a CLI and an MCP server.

View on GitHubWebsite
Stars
10,721
Forks
513
Open issues
22
Last commit
2 days ago

What is it?

UI Skills is a registry of reusable skills aimed at design engineers, covering UI-related topics grouped into categories such as motion. Each skill can be listed and fetched by name, so developers and AI agents can pull specific UI guidance into their workflow.

The project offers a command-line interface for browsing categories, listing skills by category, and retrieving a single skill such as baseline-ui. It also exposes the registry through a Model Context Protocol endpoint with list_skills and get_skill tools, letting agents query it directly.

Alongside the registry, the project publishes a playbook of distilled UI lessons drawn from design engineering skills. The codebase is TypeScript and released under the MIT license.

Key features

  • 01Browse skill categories and list skills from the terminal via npx ui-skills.
  • 02Fetch an individual skill by name, such as baseline-ui.
  • 03Connect AI agents to the registry through an MCP endpoint.
  • 04Exposes list_skills and get_skill tools for programmatic access.
  • 05Includes a playbook of distilled UI lessons.

Use cases

  • Giving a coding agent reference guidance for building polished UI components.
  • Looking up motion or other UI-specific skills from the command line.
  • Reviewing distilled UI lessons before a design engineering project.

Quick start

  1. 1

    Browse the available skills from your terminal

    npx ui-skills start
  2. 2

    List the skill categories

    npx ui-skills categories
  3. 3

    Fetch a specific skill

    npx ui-skills get baseline-ui

In collections

MCP serversAI agent skill librariesCLI & terminal toolsFrontend frameworks & UI components

Topics

#ui#design-engineering#agent-skills#mcp#cli#frontend#typescript#skills#ui-skills

FAQ

What is ui-skills?
A registry of agent-ready UI and design engineering skills, browsable via a CLI and an MCP server. UI Skills is a registry of reusable skills aimed at design engineers, covering UI-related topics grouped into categories such as motion. Each skill can be listed and fetched by name, so developers and AI agents can pull specific UI guidance into their workflow.
Is ui-skills free to use? What license does it have?
ui-skills is open source under the MIT license. Check the license terms before using it in commercial products.
Is ui-skills still maintained?
Actively maintained. The last commit to ui-skills was on Nov 5, 2026.
What can I use ui-skills for?
Giving a coding agent reference guidance for building polished UI components. Looking up motion or other UI-specific skills from the command line. Reviewing distilled UI lessons before a design engineering project.
How do I install ui-skills?
Browse the available skills from your terminal: npx ui-skills start List the skill categories: npx ui-skills categories Fetch a specific skill: npx ui-skills get baseline-ui
Where can I get ui-skills?
The source code and installation instructions are on GitHub: https://github.com/ibelick/ui-skills

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects