doc-visual

Solid

Convert any markdown document into a diagram-enriched visual HTML report. Use when asked to visualize, illustrate, or create a visual report from a document with diagrams. Single md file input. Also trigger when: "make this document visual", "add diagrams to this doc", "turn this markdown into a report", "visualize this README/ADR/spec", or any request to render a document with embedded diagrams.

Data & Documents 47 stars 4 forks Updated 4 days ago MIT

Install

View on GitHub

Quality Score: 87/100

Stars 20%
56
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# doc-visual Read a markdown document and write a visual report with diagrams that match each section's meaning. Output is HTML (default) or markdown. You write the output directly — no templates, no intermediate JSON, no agent chains. ## Why this matters The previous version of this skill passed text through a pipeline of agents — each one only saw the output of the stage before it. By the time the report was assembled, the original content had been compressed into summaries of summaries. That's the failure mode you're replacing. You see the original document in full. That's the core advantage. If you find yourself writing "this section discusses X" instead of explaining X — that's compression, and it's the exact failure this redesign exists to fix. ## Input Argument = single markdown file path. Directories, URLs, stdin not supported. 1. Validate file exists + markdown extension (`.md`, `.markdown`, `.txt`) 2. Missing/no permission → abort immediately 3. Read the full file content ### Format detection | Flag | Values | Default | |---|---|---| | `--format` | `html` / `md` | `html` | | `--lang` | ISO code | auto-detected from document | The report language must match the source document's language. ## Writing the report You write the output yourself. No template files, no assembly scripts, no intermediate formats. ### HTML format (default) A self-contained single file — `<!DOCTYPE html>` to `</html>`: - Inline `<style>` block with all CSS - Inline `<script>` for M...

Details

Author
LeeJuOh
Repository
LeeJuOh/claude-code-zero
Created
4 months ago
Last Updated
4 days ago
Language
Python
License
MIT

Integrates with

Anthropic · AI

Similar Skills

Semantically similar based on skill content — not just same category

Data & Documents Listed

html-to-md

Convert HTML documents to clean Markdown via pandoc

0 Updated yesterday
fabioc-aloha
AI & Automation Listed

md-to-html

Convert Markdown to standalone HTML pages with embedded CSS, images, and Mermaid diagrams

0 Updated yesterday
fabioc-aloha
Data & Documents Featured

markdown-mermaid-writing

Comprehensive markdown and Mermaid diagram writing skill. Use when creating any scientific document, report, analysis, or visualization. Establishes text-based diagrams as the default documentation standard with full style guides (markdown + mermaid), 24 diagram type references, and 9 document templates.

28,028 Updated today
K-Dense-AI