Começar

Instalação

Um comando no terminal, só o que você precisa ou duas linhas de CDN. Sem npm, sem build e sem conta.

Tudo de uma vez

Na raiz do projeto. Cria ./unslop/ com unslop.css, unslop.js e fonts/, e a skill em .claude/skills/unslop/.

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

No fim, o instalador imprime o trecho pra colar. É este:

<head>
  <link rel="stylesheet" href="unslop/unslop.css">
</head>
<body>
  <script src="unslop/unslop.js" defer></script>
</body>

Só o que você precisa

add baixa só os gráficos ou blocos pedidos, mais core.js, tokens.css e as fontes. Pode pedir vários de uma vez.

curl -fsSL unslop.leallabs.dev/i | sh -s add sankey radar

Gráfico que depende de uma casca compartilhada puxa ela junto, uma vez só e na ordem certa: os da família B levam b-shell, os da família C levam a-chartc. Cada página de gráfico diz qual é.

Bloco é o HTML pronto de um card inteiro, salvo em unslop/blocks/. Ele usa o CSS e o JS do pacote completo.

curl -fsSL unslop.leallabs.dev/i | sh -s add chart-sankey wall-tasks

Pra ver os nomes que existem:

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

O add conhece gráficos e blocos. Botão, select, slider e os outros componentes moram no unslop.css e no unslop.js da instalação completa.

Opções

Opção	O que faz
`--dir <pasta>`	Pasta de destino, no lugar de `./unslop`. Precisa ser relativa e ficar dentro do diretório atual, sem `..`.
`--no-skill`	Não instala a skill em `.claude/skills/unslop/`.
`--force`	Sobrescreve a skill se ela já existir. Sem a flag, a skill que está lá fica intacta.
`-h`, `--help`	Mostra a ajuda.

As opções vão depois de sh -s --:

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

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

O instalador só baixa por https, grava cada arquivo num temporário e só move quando o download termina. Nada fica pela metade.

Pela CDN

Sem baixar nada: as duas linhas apontam pro próprio site, que serve o CSS e o JS com CORS aberto.

<link rel="stylesheet" href="https://unslop.leallabs.dev/unslop.css">
<script src="https://unslop.leallabs.dev/unslop.js" defer></script>

Skill pra agentes

A instalação completa já deixa a skill. Ela ensina o agente de código a usar estes componentes e tokens em vez de inventar estilo. Detalhe em Skill pra agentes.

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