docs-figure-draw
CommunityGenerate clear retikz diagrams for docs.
Content & Communication#documentation#flowchart#mdx#diagram generation#architecture visualization#react component#retikz
AuthorPionpill
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Eliminates inconsistent and low-signal documentation illustrations by replacing ASCII, Mermaid, screenshots, or external drawings with retikz-generated, text-centric figure diagrams.
Core Features & Use Cases
- Docs dogfooding: Produces narrative, explanatory illustrations that match retikz documentation style rather than generic diagramming.
- Consistent figure conventions: Enforces defaults like Node stroke="none", y-axis downward, responsive width, and clear arrow semantics for data vs tool/call relationships.
- Authoring workflow guidance: Standardizes how to structure demo files and MDX pages for single-language or (when needed) bilingual labeling.
Quick Start
Update the target documentation page by adding a retikz figure with its corresponding .demo.tsx and render it with the ComponentPreview set to hideCode.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: docs-figure-draw Download link: https://github.com/Pionpill/retikz/archive/main.zip#docs-figure-draw Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.