Começar

Skill pra agentes

A instalação completa deixa uma skill que ensina o seu agente de código a montar tela com estes componentes.

O que é

Uma skill é um arquivo que o agente lê quando a tarefa pede. Esta diz quando usar o unslop/ui, como instalar, a marcação de cada componente e os props mínimos de cada gráfico. Com ela, o agente monta o painel com as peças daqui em vez de inventar estilo.

SKILL.md: o ponto de entrada, sempre lido primeiro.
reference/componentes.md: marcação dos componentes e das peças de IA.
reference/graficos.md: os 15 gráficos, com o JSON mínimo que monta.

Dá pra ler direto: SKILL.md, componentes.md e graficos.md.

Instalar e atualizar

A instalação completa grava a skill em .claude/skills/unslop/, dentro do projeto.

curl -fsSL unslop.leallabs.dev/i | sh

Se a skill já existe, ela fica como está. Pra trocar pela versão nova:

curl -fsSL unslop.leallabs.dev/i | sh -s -- --force

Pra instalar o sistema sem a skill:

curl -fsSL unslop.leallabs.dev/i | sh -s -- --no-skill

Como pedir

Peça normalmente, dizendo o que a tela mostra. O agente acha a skill pela descrição.

# exemplos de pedido
monta um painel de vendas com funil e sankey usando o unslop
troca a tabela desta página pelo datatable do unslop, no tema escuro