Sistema v4.2.0
Modo

Tokens

199 tokens · 3 modos

Fonte ú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

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 }}
ATIVA

{{ h.desc }}

Gerar tema
{{ st.label }}
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
{{ ig.label }}
{{ dev.active.title }}
{{ dev.active.project }} · ⑂ {{ dev.active.branch }} ← {{ dev.active.base }}
{{ dev.active.agentKey }} {{ dev.active.statusLabel }}
▸_ 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…
Pesquisa do agente · web
{{ dev.research.text }}
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
ESC
Aura
copiloto de DevOps · powered by Claude