Sistema
v4.2.0
Modo
Tokens
199 tokens · 3 modosFonte única da verdade · formato W3C DTCG
{{ g.label }}
{{ g.count }}
Preview ao vivo
Atlas Data Cloud · Catálogo
recolore em tempo real
Buscar ativos, owners, domínios...
Novo ativo
{{ s.label }}
{{ s.value }}
{{ s.delta }}
Todos
Certificados
Em revisão
Meu domínio
AtivoOwnerQualidadeStatus
{{ r.name }}
{{ r.owner }}
{{ r.qNum }}
{{ r.status }}
{{ sel.kind }}
{{ sel.name }}
{{ sel.desc }}
Editar valor
{{ brandHsl }}
{{ brandHex }}
Presets de marca
Raio · {{ radiusPx }}
Valor por modo
{{ mv.mode }}
{{ mv.value }}
Análise de impacto
Alterar este token propaga pelo grafo de dependências:
{{ sel.impact.tokens }}
tokens
{{ sel.impact.comps }}
componentes
{{ sel.impact.inst }}
instâncias
{{ c.name }}
{{ c.tag }}
Renderer premium · desacoplado do DOM
Catálogo de dados
Virtualização sempre ligada · transporte colunar (Apache Arrow) · streaming incremental
{{ renderedCount }}de{{ filteredRowsFmt }}no DOM
{{ streamCount }}linhas/s
{{ r.name }}
{{ r.type }}
{{ r.domain }}
{{ r.ownerInit }}{{ r.owner }}
{{ r.quality }}
{{ r.fresh }}
{{ r.status }}
{{ r.rowsFmt }}
{{ detail.type }}
{{ detail.name }}
Domínio{{ detail.domain }}
Owner{{ detail.owner }}
Linhas{{ detail.rowsFmt }}
Qualidade{{ detail.quality }}/100
Atualizado{{ detail.fresh }}
Lineage
{{ l.name }}
{{ l.kind }}
02 — Biblioteca
Componentes
52 componentes · multi-framework a partir de uma fonte · SemVer por componente
{{ c.statusLabel }}
{{ c.name }}
{{ c.variants }}
{{ c.ver }}
Documentação viva
Button
O exemplo abaixo é o componente de produção renderizado ao vivo — não uma imagem. Muda quando os tokens mudam.
Propriedades
PropTipoPadrãoDescrição
{{ p.name }}
{{ p.type }}
{{ p.def }}
{{ p.desc }}
Diretrizes
Faça
Um único botão primário por seção. Use o secundário para ações de menor peso.
Não faça
Não empilhe múltiplos primários competindo pela mesma atenção.
Status
Versão4.2.0
FrameworksReact · Vue · Swift
A11yWCAG 2.2 AA
04 — Pipeline determinístico
Codegen · uma fonte → N plataformas
transforms → formats → platforms · cada mudança de token reflete aqui ao vivo
{{ p.name }}
{{ p.stack }}
{{ codeText }}
Diff pendente
{{ d.sign }}
{{ d.text }}
Build determinístico · 199 tokens · 5 plataformas em 1,8s
06 — Qualidade no CI
Qualidade & Acessibilidade
Regressão visual + a11y contínua a cada push · WCAG 2.2 AA
Testes visuais
312
309 idênticos
Conformidade A11y
96%
AA · 1 a revisar
Contraste mín.
4.8:1
acima de 4.5:1
Cobertura tokens
91%
9% valores mágicos
Regressão visual
{{ v.name }}
{{ v.label }}
{{ v.diff }}
Auditoria WCAG 2.2
{{ c.label }}
{{ c.detail }}
07 — Agente de Geração
ATIVA
Agente de Geração
Equipado com shadcn/ui, frontend-design e design-md · gera componentes, interfaces e tokens a partir de uma intenção
Habilidades ativas · {{ habilidadesCount }}
{{ h.name }}
{{ h.tag }}
{{ h.desc }}
Gerar tema
Tema gerado · WCAG 2.2 AA validado
{{ p.label }}
{{ p.color }}
08 — Saúde do sistema
Analytics & Adoção
Adoção por equipe · detecção de drift design ↔ produção
Adoção média
78%
+12pts no trimestre
Equipes na última versão
3/5
2 com pendência
Drift detectado
3
divergências ativas
Adoção por equipe
{{ a.team }}{{ a.ver }} · {{ a.pct }}
Drift design ↔ código
{{ d.comp }}
{{ d.sev }}
{{ d.detail }}
Workspaces
＋ Novo
{{ dev.runningCount }} rodando
{{ dev.attnCount }} atenção
▸
{{ proj.name }}
{{ proj.count }}
{{ ws.title }}
{{ ws.agentKey }}
⑂ {{ ws.branch }}
+{{ ws.add }}
−{{ ws.del }}
{{ ws.statusLabel }}
· {{ ws.time }}
Integrações
{{ dev.active.title }}
{{ dev.active.project }} · ⑂ {{ dev.active.branch }} ← {{ dev.active.base }}
▸_ Terminal
◨ Changes {{ dev.active.fileCount }}
◍ Overview
{{ ln.gutter }}{{ ln.text }}
~/{{ dev.active.branch }} ❯
split · dev server
{{ ln.text }}
❯
{{ dev.active.fileCount }} arquivos alterados
{{ f.tag }}
{{ f.name }}
+{{ f.add }}
−{{ f.del }}
{{ dev.active.openFile }}
+{{ dev.active.openAdd }}
−{{ dev.active.openDel }}
✓ Marcar revisado
{{ d.ln1 }}
{{ d.ln2 }}
{{ d.sign }}
{{ d.text }}
Agente finalizou · revise e mergeie em {{ dev.active.base }}
Descartar worktree
Commit & abrir PR
{{ dev.active.agentKey }}
agente {{ dev.active.agentName }}
· {{ dev.active.statusLabel }}
{{ dev.active.title }}
{{ dev.active.task }}
✦ pesquisando na web…
Diff
+{{ dev.active.add }} −{{ dev.active.del }}
Arquivos
{{ dev.active.fileCount }}
Worktree
.superset/wt/{{ dev.active.branch }}
Atividade
{{ ev.text }}
{{ ev.time }}
● {{ dev.runningCount }} agentes ativos
⑂ {{ dev.active.branch }}
+{{ dev.active.add }} / −{{ dev.active.del }}
bun 1.1 · git 2.43 · gh 2.x