patent-diagram-generator

Patent Diagram Generator Skill

Create patent-style technical diagrams including flowcharts, block diagrams, and system architectures using Graphviz.

When to Use

Invoke this skill when users ask to:

• Create flowcharts for method claims
• Generate block diagrams for system claims
• Draw system architecture diagrams
• Create technical illustrations for patents
• Add reference numbers to diagrams
• Generate patent figures

What This Skill Does

1. Flowchart Generation:

   • Method step flowcharts
   • Decision trees
   • Process flows with branches
   • Patent-style step numbering

2. Block Diagram Creation:

   • System component diagrams
   • Hardware architecture diagrams
   • Software module diagrams
   • Component interconnections

3. Custom Diagram Rendering:

   • Render Graphviz DOT code
   • Support multiple formats (SVG, PNG, PDF)
   • Multiple layout engines (dot, neato, fdp, circo, twopi)

4. Patent-Style Formatting:

   • Add reference numbers (10, 20, 30, etc.)
   • Use clear labels and connections
   • Professional formatting for USPTO filing

Required Dependencies

This skill requires Graphviz to be installed:

Windows:

choco install graphviz

Linux:

sudo apt install graphviz

Mac:

brew install graphviz

Python Package:

pip install graphviz

How to Use

When this skill is invoked:

1. Load diagram generator:

   import sys
   sys.path.insert(0, os.path.join(os.environ.get('CLAUDE_PLUGIN_ROOT', '.'), 'python'))
   from python.diagram_generator import PatentDiagramGenerator
   
   generator = PatentDiagramGenerator()
   

2. Create flowchart from steps:

   steps = [
       {"id": "start", "label": "Start", "shape": "ellipse", "next": ["step1"]},
       {"id": "step1", "label": "Initialize System", "shape": "box", "next": ["decision"]},
       {"id": "decision", "label": "Is Valid?", "shape": "diamond", "next": ["step2", "error"]},
       {"id": "step2", "label": "Process Data", "shape": "box", "next": ["end"]},
       {"id": "error", "label": "Handle Error", "shape": "box", "next": ["end"]},
       {"id": "end", "label": "End", "shape": "ellipse", "next": []}
   ]
   
   diagram_path = generator.create_flowchart(
       steps=steps,
       filename="method_flowchart",
       output_format="svg"
   )