Ocultar classes: strings de classe viram ✦12 fora da linha do cursor. Modo dim só reduz a opacidade. Alterna com Ctrl+Alt+T ou clicando em TW na status bar. Hover mostra as classes agrupadas por categoria.
Ordenar classes: Ctrl+Alt+S (seleção ou arquivo inteiro), quick fix, ou tailwindLens.sort.onSave. Remove duplicatas.
Conflitos e duplicatas via tailwind-merge: px-2 p-4, text-sm text-lg, flex hidden, md:hover: vs hover:md:… com quick fix para remover. Tamanhos/fontes/radius do seu @theme entram no merge (text-body não é tratado como cor).
Tokens do tema no autocomplete: lê @theme/@theme inline de todos os CSS do workspace, resolve var(--primary) pelo :root e sugere bg-primary, text-muted-foreground, rounded-lg… com amostra de cor (converte oklch/hsl/rgb). Relê sozinho quando um CSS muda.
Amostras de cor: quadradinho com a cor real antes de bg-primary, text-muted-foreground… (tokens do @theme).
Variantes cva/tv (shadcn): em <Button variant=", sugere as opções com as classes de cada uma e marca a default; hover em variant="ghost" mostra as classes aplicadas. Resolve imports via paths do tsconfig. Em .jsx também acusa variante inexistente (em TSX o TypeScript já faz).
Migração v3 → v4: avisa classes removidas (bg-opacity-*, flex-grow, overflow-ellipsis…) com correção — bg-black bg-opacity-50 vira bg-black/50. Renomeações ambíguas (shadow-sm → shadow-xs, rounded → rounded-sm) ficam só no comando Migrar classes do Tailwind v3, para não dar falso positivo em código já v4.
Formas curtas: w-4 h-4 → size-4, px-2 py-2 → p-2, pt pb px → p (comando colapsa em cadeia).
Quebrar em cn() multilinha: Ctrl+Alt+B ou code action. Agrupa em caixa → texto → visual → comportamento → uma linha por variante, e adiciona import { cn } usando aliases.utils do components.json.
shadcn/ui: comando Adicionar componente shadcn/ui acha o components.json, marca os já instalados e roda shadcn add com o gerenciador certo (pnpm/bun/npm).
npm install
npm test # unit (núcleo)
npm run test:e2e # abre um VS Code de teste
npm run package # gera tailwind-lens-*.vsix
code --install-extension tailwind-lens-0.1.0.vsix
