Uma Agent Skill que executa o Claude Design localmente no Cursor, Claude Code ou agentes similares para criar mockups, protótipos e apresentações em HTML autocontido.
bergside/typeui
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.
- Estrelas
- 2,212
- Forks
- 154
- Issues abertas
- 1
- Último commit
- há 16 dias
O que é?
TypeUI é uma coleção de skills de design, prompts de UI e especificações de sistemas de design que assistentes de programação com IA podem usar para gerar sites e aplicações. Os recursos são disponibilizados como arquivos Markdown nos formatos DESIGN.md e SKILL.md, para que possam ser usados com qualquer provedor de IA que aceite Markdown ou prompts em geral.
O projeto oferece uma CLI executada com npx typeui.sh, com comandos para gerar, atualizar, aleatorizar, listar e baixar especificações de design. Também inclui guias de configuração de um servidor MCP hospedado para ferramentas como Codex, Claude, Cursor, VS Code, Windsurf, Zed e várias outras. Uma skill de fundamentos de UI/UX aborda espaçamento, tipografia e contraste de cores para que as interfaces geradas sigam princípios básicos de design.
O repositório inclui um catálogo de estilos de skills de design, como Minimal, Brutalism e Glassmorphism, além de layouts de prompts para seções de marketing e aplicações, como hero, preços, FAQs e páginas de login.
Recursos principais
- 01Gera especificações de design em SKILL.md ou DESIGN.md por meio de prompts interativos da CLI.
- 02Conecta ferramentas de programação com IA ao TypeUI por meio de um servidor MCP hospedado.
- 03Oferece uma skill de fundamentos de UI/UX que aborda espaçamento, tipografia e contraste.
- 04Disponibiliza um catálogo de estilos de design e prompts de layout para páginas de marketing e aplicações.
Casos de uso
- Orientar um assistente de programação com IA para criar landing pages ou dashboards consistentes.
- Definir a base de um sistema de design para um novo projeto web ou aplicativo.
- Fornecer a um agente de IA uma referência de seções comuns de páginas, como preços ou FAQ.
Início rápido
- 1
Abra o guia do TypeUI para sua ferramenta de programação com IA
- 2
Conecte sua ferramenta de IA ao servidor MCP do TypeUI seguindo as etapas do guia
Antes de usar
- A licença não está claramente especificada (NOASSERTION), então confira os termos da licença antes de reutilizar o projeto.
- A conexão MCP depende do serviço TypeUI hospedado em typeui.sh.
Em coleções
Tópicos
Perguntas frequentes
- O que é typeui?
- 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. TypeUI é uma coleção de skills de design, prompts de UI e especificações de sistemas de design que assistentes de programação com IA podem usar para gerar sites e aplicações. Os recursos são disponibilizados como arquivos Markdown nos formatos DESIGN.md e SKILL.md, para que possam ser usados com qualquer provedor de IA que aceite Markdown ou prompts em geral.
- typeui é gratuito? Qual é a licença?
- typeui é open source sob a licença Other. Confira os termos da licença antes de usá-lo em produtos comerciais.
- typeui ainda é mantido?
- Manutenção ativa. O último commit de typeui foi em 22 de out. de 2026.
- Para que posso usar typeui?
- Orientar um assistente de programação com IA para criar landing pages ou dashboards consistentes. Definir a base de um sistema de design para um novo projeto web ou aplicativo. Fornecer a um agente de IA uma referência de seções comuns de páginas, como preços ou FAQ.
- Como instalar typeui?
- Abra o guia do TypeUI para sua ferramenta de programação com IA Conecte sua ferramenta de IA ao servidor MCP do TypeUI seguindo as etapas do guia
- Onde consigo typeui?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/bergside/typeui
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Coleção open source da Microsoft de ícones Fluent UI familiares, amigáveis e modernos, disponível para Android, iOS/macOS, Flutter e em SVG puro.
Crie pôsteres, posts para redes sociais, apresentações e landing pages no GitHub Copilot, Claude Code, Codex ou Cursor, sem precisar de um app desktop separado.
Um pequeno framework Ruby para criar interfaces de linha de comando interativas com prompts, spinners, barras de progresso e frames aninhados.
Um catálogo de skills de UI e design engineering prontas para agentes, que pode ser explorado por CLI ou por um servidor MCP.
Coleção com 273 skills de design prontas para agentes e 76 slash commands para Claude Code e Gemini CLI, cobrindo pesquisa, sistemas, UI, interação e entrega.