Visualization

Turn complex material into visual artifacts that are faster to scan, easier to trust, and worth sharing.

The default output is a self-contained HTML artifact. When the environment supports it, preview or open the generated file after writing it. If opening is not available, still produce the artifact and report the path.

Never fall back to ASCII art when this skill is active.

External Skill Chains

Use live external skills when they are installed. If one is missing, report the fallback command instead of copying its guidance inline. Local skill rules, repo-specific facts, safety gates, product/channel constraints, and explicit local exceptions win over external guidance when they conflict.

• hallmark: Audit, redesign, study, or build UI with anti-AI-slop design constraints. Install: python scripts/install-external-skills.py --skill hallmark --agent codex.
• visual-explainer: Use visual explanation guidance for diagrams, concepts, and teachable visuals. Install: python scripts/install-external-skills.py --skill visual-explainer --agent codex.
• frontend-slides: Use frontend-focused slide guidance for polished technical or product decks. Install: python scripts/install-external-skills.py --skill frontend-slides --agent codex.
• userinterface-wiki: Use interface-pattern references for layout, components, states, and product UI decisions. Install: python scripts/install-external-skills.py --skill userinterface-wiki --agent codex.

Registry: ../../../references/external-skills.yaml. Reference-only sources: ../../../references/external-sources.yaml.