← ClaudeAtlas

visuallisted

Use when Pedro invokes `/visual` (with or without flags like `-auto-off`, `-auto-on`, `-status`), asks to "ver isso no HTML", wants a visual presentation of a plan/diagnostic/question, or when the PreToolUse hook `pre-exitplan-visualize.sh` on ExitPlanMode blocks. ALSO invoke PROACTIVELY when auto mode is on (read the current value in `${CLAUDE_PLUGIN_ROOT}/skills/visual/config.json`) and you're about to emit a plan with 3+ items, a decision with 2+ options, a diagnostic with 3+ problems, or a long explanation (40+ lines / 3+ sections). The page MUST carry the evidence, not the account of it — the real artifact embedded, the raw output verbatim, the provenance of every number. Generates a dark-theme HTML inside the project's `.claude/visual/` (falls back to `~/Desktop/claude-visual/` outside a project), spawns a local daemon for live-sync back to Claude (Pedro types "ok" and Claude reads state from disk — no copy/paste), and opens it in the browser. Replaces 20-page CLI dumps with scannable visual surfaces —
pedroberaldo87/pedro-plugins · ★ 0 · Code & Development · score 62
Install: claude install-skill pedroberaldo87/pedro-plugins
# Skill: /visual Turn walls of CLI text into a scannable HTML surface. Dark theme, opens in browser. ## Mostrar, não descrever — a regra que manda em todas as outras A página **carrega a prova, não o relato da prova.** O Pedro tem que ver na própria página as mesmas coisas que você olhou quando formou a conclusão. Nas palavras dele: > "Eu preciso ver **o que você viu** que te fez pensar o que você pensou e que está te fazendo me pedir para decidir uma coisa. Se você não me mostrar — não é me explicar, nem me descrever, é me **MOSTRAR** o que você viu durante a tua análise — eu não tenho como fazer nada." **Referente pendurado é o defeito.** Toda vez que a página se apoia em algo — uma coisa que existe, uma coisa em discussão, uma premissa, uma conclusão anterior, "o approach atual" — esse algo é um ponteiro. Ponteiro sem alvo na página é pedir bola de cristal. Três classes e o que "mostrar" significa em cada uma: - **Coisa que existe** (slide, tela, deck, arquivo, código) → embutida (`.artefato` + `<iframe src="file:///caminho/real">`) ou citada literal com `arquivo:linha`. Testado: caminho absoluto cross-dir renderiza no Chrome. - **Número ou afirmação medida** → o output cru que a produziu, verbatim, em `.evidencia`, com o comando que gerou. Não "medi e deu +155%": as linhas que você leu, com n, com as duas amostras. - **Premissa, conclusão anterior, coisa em discussão** → a passagem literal (quem disse, onde), o commit, o trecho do plano. Sem fonte no disco, rotule *