Biblioteca de skills de design e prompts de UI, com CLI e conexão MCP, que oferece sistemas de design e orientações de layout para ferramentas de programação com IA.
ibelick/ui-skills
Um catálogo de skills de UI e design engineering prontas para agentes, que pode ser explorado por CLI ou por um servidor MCP.
- Estrelas
- 10,761
- Forks
- 513
- Issues abertas
- 22
- Último commit
- há 6 horas
O que é?
UI Skills é um catálogo de skills reutilizáveis voltadas a profissionais de design engineering, que abrange tópicos relacionados a UI, organizados em categorias como motion. Cada skill pode ser listada e obtida pelo nome, permitindo que desenvolvedores e agentes de IA incorporem orientações específicas de UI ao fluxo de trabalho.
O projeto oferece uma interface de linha de comando para explorar categorias, listar skills por categoria e obter uma skill específica, como baseline-ui. Também disponibiliza o catálogo por meio de um endpoint do Model Context Protocol com as ferramentas list_skills e get_skill, para que agentes possam consultá-lo diretamente.
Além do catálogo, o projeto publica um playbook com lições de UI sintetizadas a partir de skills de design engineering. A base de código é escrita em TypeScript e distribuída sob a licença MIT.
Recursos principais
- 01Explore categorias de skills e liste skills pelo terminal com npx ui-skills.
- 02Obtenha uma skill específica pelo nome, como baseline-ui.
- 03Conecte agentes de IA ao catálogo por meio de um endpoint MCP.
- 04Disponibiliza as ferramentas list_skills e get_skill para acesso programático.
- 05Inclui um playbook com lições de UI sintetizadas.
Casos de uso
- Fornecer orientações de referência a um agente de programação para criar componentes de UI refinados.
- Consultar skills de motion ou outras específicas de UI pela linha de comando.
- Revisar lições de UI sintetizadas antes de um projeto de design engineering.
Início rápido
- 1
Explore as habilidades disponíveis pelo terminal
npx ui-skills start - 2
Liste as categorias de habilidades
npx ui-skills categories - 3
Baixe uma habilidade específica
npx ui-skills get baseline-ui
Em coleções
Tópicos
Perguntas frequentes
- O que é ui-skills?
- Um catálogo de skills de UI e design engineering prontas para agentes, que pode ser explorado por CLI ou por um servidor MCP. UI Skills é um catálogo de skills reutilizáveis voltadas a profissionais de design engineering, que abrange tópicos relacionados a UI, organizados em categorias como motion. Cada skill pode ser listada e obtida pelo nome, permitindo que desenvolvedores e agentes de IA incorporem orientações específicas de UI ao fluxo de trabalho.
- ui-skills é gratuito? Qual é a licença?
- ui-skills é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- ui-skills ainda é mantido?
- Manutenção ativa. O último commit de ui-skills foi em 7 de nov. de 2026.
- Para que posso usar ui-skills?
- Fornecer orientações de referência a um agente de programação para criar componentes de UI refinados. Consultar skills de motion ou outras específicas de UI pela linha de comando. Revisar lições de UI sintetizadas antes de um projeto de design engineering.
- Como instalar ui-skills?
- Explore as habilidades disponíveis pelo terminal: npx ui-skills start Liste as categorias de habilidades: npx ui-skills categories Baixe uma habilidade específica: npx ui-skills get baseline-ui
- Onde consigo ui-skills?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/ibelick/ui-skills
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Uma biblioteca pequena de atalhos de teclado para navegadores que associa combinações de teclas, incluindo sequências, a funções manipuladoras.
Biblioteca JavaScript para criar interfaces interativas com componentes compostos, na web, no servidor e em plataformas nativas.
Um ambiente de desenvolvimento frontend para criar, documentar e testar componentes de UI isoladamente, com suporte a React, Vue, Angular, Svelte e outros.
Um compilador que transforma componentes web declarativos em JavaScript eficiente, atualizando o DOM de forma cirúrgica.
Pacote Go para criar progressive web apps com WebAssembly e uma interface declarativa baseada em componentes, escrita inteiramente em Go.