visual-documentation

prakhar625 Plugin Marketplace

A collection of Claude Code plugins for creative and developer workflows.

---

Plugins

Plugin	Description	Docs
interaction-recorder	Record polished demo videos of any codebase's UI — narration, sound design, motion graphics, and transitions	docs/interaction-recorder.md
skill-best-practices	Comprehensive guide for building Claude Code skills and plugins, with an interactive /create-skill wizard	docs/skill-best-practices.md
image-gen	Generate, edit, and enhance images using FAL AI — 13 models including Imagen 4, FLUX.2, Grok Imagine, and Seedream	docs/image-gen.md
visual-documentation	Create architecture diagrams, flowcharts, lo-fi wireframes, technical docs, and project timelines — HTML, Mermaid, and DOT formats	docs/visual-documentation.md
design-intelligence	Intelligent design partner for UI systems — domain exploration, design tokens, wireframes, mockups, and critique	docs/design-intelligence.md

---

Installation

From Marketplace

/plugin marketplace add prakhar625/my-plugins
/plugin install my-plugins@<plugin-name>

Manual

git clone https://github.com/prakhar625/my-plugins.git
cp -r my-plugins/plugins/<plugin-name> ~/.claude/plugins/

Then enable in Claude Code with /plugin. Restart after installing.

---

Repository Structure

.
├── .claude-plugin/
│   └── marketplace.json              # Marketplace catalog (all plugins listed here)
├── plugins/
│   ├── interaction-recorder/         # Video recording plugin
│   │   ├── .claude-plugin/plugin.json
│   │   ├── commands/
│   │   ├── skills/interaction-recorder/
│   │   └── hooks/
│   ├── skill-best-practices/         # Skill development guide plugin
│   │   ├── .claude-plugin/plugin.json
│   │   ├── commands/
│   │   └── skills/skill-best-practices/
│   ├── image-gen/                    # FAL AI image generation plugin
│   │   ├── .claude-plugin/plugin.json
│   │   ├── agents/
│   │   ├── commands/
│   │   ├── skills/
│   │   │   ├── image-gen/
│   │   │   ├── image-edit/
│   │   │   └── image-enhance/
│   │   └── hooks/
│   ├── visual-documentation/         # Visual documentation plugin
│   │   ├── .claude-plugin/plugin.json
│   │   ├── commands/
│   │   └── skills/
│   │       ├── architecture-diagram-creator/
│   │       ├── flowchart-creator/
│   │       ├── mockup-creator/
│   │       ├── technical-doc-creator/
│   │       └── timeline-creator/
│   └── design-intelligence/          # Design system intelligence plugin
│       ├── .claude-plugin/plugin.json
│       ├── agents/
│       ├── commands/
│       ├── hooks/
│       └── skills/design-intelligence/
├── docs/                             # Per-plugin documentation
│   ├── interaction-recorder.md
│   ├── skill-best-practices.md
│   ├── image-gen.md
│   ├── visual-documentation.md
│   └── design-intelligence.md
├── README.md
└── LICENSE

Each plugin is fully self-contained in its plugins/ subdirectory. The marketplace catalog at .claude-plugin/marketplace.json registers all available plugins.

---

Adding a New Plugin

1. Create plugins/<plugin-name>/ with standard layout (.claude-plugin/plugin.json, skills/, commands/, etc.)
2. Add an entry to .claude-plugin/marketplace.json
3. Add documentation at docs/<plugin-name>.md
4. Add a row to the plugin table above

Use the skill-best-practices plugin's /create-skill command to scaffold new plugins with best practices built in.

---

License

MIT — See LICENSE