Sim é um espaço de trabalho colaborativo para criar, implantar e monitorar agentes de IA e workflows, com mais de 270 integrações e suporte aos principais LLMs.
29,9 mil3,9 milTypeScriptApache-2.0Atualizado há 14 horas
Nutlope/inspo
Servidor MCP que oferece a agentes de programação referências de design pesquisáveis de sites reais em produção, com capturas de tela, paletas, fontes e arquivos DESIGN.md.
- Estrelas
- 910
- Forks
- 58
- Issues abertas
- 1
- Último commit
- há 20 dias
O que é?
O Inspo é um acervo pesquisável de sites reais em produção, disponibilizado a agentes de programação por meio do Model Context Protocol (MCP). Antes de escrever a interface, um agente pode consultar o acervo em busca de referências, em vez de depender apenas da própria percepção de design. O catálogo atualmente reúne 2.320 páginas de 832 sites, cada uma capturada em desktop e mobile, com paletas, fontes e tecnologias detectadas, além de uma análise detalhada seção por seção.
Além das capturas de página inteira, o acervo inclui 68 componentes de referência canônicos, como seções hero, tabelas de preços, rodapés e barras de navegação, cada um com JSX pronto para copiar e colar. Cada site também recebe um DESIGN.md gerado a partir do DOM, que lista funções semânticas das cores, escala tipográfica, espaçamentos, variáveis CSS e largura dos contêineres. Quinze ferramentas cobrem buscas e consultas, e a ferramenta `recommend(brief)` combina várias delas em uma única chamada.
O servidor funciona via stdio com npm ou por Streamable HTTP em inspomcp.dev. Um comando de instalação configura clientes comuns, como Claude Code, Cursor, Codex, VS Code e Zed. O repositório também inclui uma galeria Next.js para explorar o acervo e um worker de captura baseado em Playwright.
Recursos principais
- 01Pesquisa 2.320 páginas capturadas de 832 sites reais, em desktop e mobile
- 02Oferece 68 componentes de referência com JSX pronto para copiar e colar
- 03Gera um DESIGN.md por site com funções da paleta, escala tipográfica e variáveis CSS
- 04Disponibiliza 15 ferramentas MCP, incluindo uma ferramenta recommend que combina várias consultas
- 05Funciona via stdio com npm ou como endpoint hospedado de Streamable HTTP
Casos de uso
- Oferecer referências de design a um agente de programação antes de ele criar uma landing page
- Encontrar exemplos reais de seções de preços, hero ou rodapés para adaptar
- Consultar a paleta de cores, a escala tipográfica e os espaçamentos de um site em busca de inspiração
- Explorar exemplos selecionados de web design na galeria incluída
Início rápido
- 1
Execute o instalador de um único comando para seu cliente MCP
npx -y inspo-mcp install - 2
Ou adicione o endpoint hospedado ao Claude Code
claude mcp add --transport http inspo https://inspomcp.dev/api/mcp - 3
Ou clone o repositório e instale as dependências
git clone https://github.com/Nutlope/inspo.git && cd inspo && pnpm install
Antes de usar
- O arquivo é uma semente estática, portanto abrange apenas os sites e as páginas capturados até agora.
- As capturas de tela pertencem aos designers originais e estão sujeitas aos direitos autorais e a solicitações de remoção.
Tópicos
Perguntas frequentes
- O que é inspo?
- Servidor MCP que oferece a agentes de programação referências de design pesquisáveis de sites reais em produção, com capturas de tela, paletas, fontes e arquivos DESIGN.md. O Inspo é um acervo pesquisável de sites reais em produção, disponibilizado a agentes de programação por meio do Model Context Protocol (MCP). Antes de escrever a interface, um agente pode consultar o acervo em busca de referências, em vez de depender apenas da própria percepção de design. O catálogo atualmente reúne 2.320 páginas de 832 sites, cada uma capturada em desktop e mobile, com paletas, fontes e tecnologias detectadas, além de uma análise detalhada seção por seção.
- inspo é gratuito? Qual é a licença?
- inspo é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- inspo ainda é mantido?
- Manutenção ativa. O último commit de inspo foi em 1 de out. de 2026.
- Para que posso usar inspo?
- Oferecer referências de design a um agente de programação antes de ele criar uma landing page Encontrar exemplos reais de seções de preços, hero ou rodapés para adaptar Consultar a paleta de cores, a escala tipográfica e os espaçamentos de um site em busca de inspiração Explorar exemplos selecionados de web design na galeria incluída
- Como instalar inspo?
- Execute o instalador de um único comando para seu cliente MCP: npx -y inspo-mcp install Ou adicione o endpoint hospedado ao Claude Code: claude mcp add --transport http inspo https://inspomcp.dev/api/mcp Ou clone o repositório e instale as dependências: git clone https://github.com/Nutlope/inspo.git && cd inspo && pnpm install
- Onde consigo inspo?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/Nutlope/inspo
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Framework TypeScript para criar agentes de IA com memória, ferramentas, MCP, RAG, voz e workflows, além do console VoltOps para observabilidade.
10,8 mil1,4 milTypeScriptMITAtualizado há 6 dias
Framework TypeScript para criar servidores MCP, MCP Apps com visualizações em React e clientes, com Inspector e CLI integrados.
10,8 mil1,5 milTypeScriptMITAtualizado anteontem
A especificação, as definições em TypeScript e JSON Schema e a documentação oficial do Model Context Protocol (MCP), um padrão aberto para conectar aplicações de IA a ferramentas e dados externos.
9,5 mil1,9 milTypeScriptOtherAtualizado anteontem
Plataforma open source e auto-hospedável para executar agentes de IA em qualquer modelo e máquina, com ferramentas, permissões e streaming integrados.
2,9 mil237GoApache-2.0Atualizado ontem
Uma skill de agente que extrai a identidade visual de UIs de referência para um JSON estruturado de Design DNA e, em seguida, gera UIs correspondentes.
2 mil109JavaScriptMITAtualizado há 2 meses