claude

visual-documentation

Create visual documentation: architecture diagrams (HTML/Mermaid/DOT), flowcharts (HTML/Mermaid/DOT), lo-fi wireframe mockups, HTML technical docs with syntax highlighting, and project timelines/Gantt charts/roadmaps.

0 on GitHubby Prakhar Bhardwajv2026.2.22.0001MITupdated 7 months agodocumentation
/

Plugin visual-documentation from marketplace prakhar625-plugins in prakhar625/my-plugins. Commands read from the repo's manifest — 19 days ago.

What it installs

Skills (5)

  • architecture-diagram-creator

    Use when someone asks to create an architecture diagram, system overview, component diagram, high-level design, data flow diagram, infrastructure diagram, or wants to visualize a system's structure, services, or data pipeline. Triggers on: architecture diagram, system architecture, component diagram

  • flowchart-creator

    Use when someone asks to create a flowchart, process diagram, decision tree, workflow diagram, sequence of steps, state machine, or wants to visualize a process, algorithm, or user journey. Triggers on: flowchart, process flow, workflow diagram, decision tree, process diagram, step-by-step flow, use

  • mockup-creator

    Use when someone asks to create a wireframe, mockup, lo-fi design, UI sketch, prototype layout, screen layout, or wants to visualize a user interface before building it. For low-fidelity design exploration only — not for dashboards with real data or polished UI components. Triggers on: wireframe, mo

  • technical-doc-creator

    Use when someone asks to create technical documentation, API docs, developer docs, a README, getting started guide, SDK reference, endpoint documentation, or wants to document a library, service, or system for developers. Triggers on: technical documentation, API docs, developer guide, getting start

  • timeline-creator

    Use when someone asks to create a timeline, project roadmap, Gantt chart, milestone plan, release schedule, sprint plan, or wants to visualize tasks and dates over time. Triggers on: timeline, roadmap, Gantt chart, milestone, project schedule, release plan, sprint timeline, quarter roadmap, project

Slash commands (5)

  • /visual-documentation:create-architecture-diagram

    Create a system architecture diagram (HTML, Mermaid, or DOT/Graphviz format)

  • /visual-documentation:create-flowchart

    Create a process flowchart, decision tree, or workflow diagram (HTML, Mermaid, or DOT format)

  • /visual-documentation:create-mockup

    Create a lo-fi wireframe or UI sketch for a screen or component

  • /visual-documentation:create-technical-doc

    Generate HTML technical documentation for an API, library, SDK, or developer service

  • /visual-documentation:create-timeline

    Create a project timeline, Gantt chart, milestone plan, or quarter roadmap

View source on GitHub

More from prakhar625/my-plugins

All 5 plugins →

Intelligent design partner for UI systems. Handles domain exploration, design direction, token generation, wireframes, mockups, and critique. Produces framework-agnostic specs and documentation.

1 skill · 19 commands · 3 agents · hooks

0

image-gen

claude

Generate, edit, and enhance images using FAL AI models. Supports text-to-image, image-to-image editing, and upscaling with intelligent model selection across Imagen 4, Grok Imagine, Seedream, Nano Banana, FLUX.2, and more.

3 skills · 4 commands · 2 agents · hooks

0

Record polished demo videos of any codebase's UI with narration, sound design, and motion graphics. Uses Playwright for browser automation, Remotion for video compositing, and supports TTS, image generation, and sound design.

1 skill · 4 commands · hooks

0

Comprehensive guide for building Claude Code skills and plugins. Teaches best practices and interactively scaffolds new skills with /create-skill.

1 skill · 1 command

0

Similar plugins

Claude API and SDK documentation skill for building LLM-powered applications

19 skills

anthropics/skills 193,780

ruflo-adr

claudecodex

ADR lifecycle management — create, index, supersede, and link Architecture Decision Records to code

5 skills · 1 command · 1 agent

ruvnet/ruflo 81,589

Generate natively editable PPTX from PDF / DOCX / URL / Markdown — real DrawingML shapes, text boxes, charts, and animations. Note: run `pip install -r requirements.txt` inside the installed plugin directory for the Python post-processing scripts to work.

1 skill

hugohe3/ppt-master 76,375

diagram-design

claudecodex

Editorial diagrams in your brand, as self-contained HTML and SVG. Architecture, flowcharts, sequence, state machines, ER and database schemas, timelines, swimlanes, org charts, Gantt, Wardley maps, user journeys, service blueprints, UML class, lifecycle phase maps, and charts from bar, line and scatter to Sankey, treemap and heatmap, plus many more. Redraws draw.io, Mermaid, Excalidraw and PlantUML files. Exports SVG and PNG.

1 skill · 7 commands

cathrynlavery/diagram-design 66,757

context7

claudecodex

Up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your coding agent's context.

1 MCP server

upstash/context7 64,709

Install the "AAS Documents & Presentations" workflow plugin from Agentic Awesome Skills.

7 skills

sickn33/agentic-awesome-skills 49,620

Maintain visual-documentation?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins5 plugins