Skip to content

feat: add fluxograma-builder plugin (swimlane flowchart builder)#199

Open
RodrigoZone wants to merge 1 commit intoanthropics:mainfrom
RodrigoZone:add-fluxograma-builder
Open

feat: add fluxograma-builder plugin (swimlane flowchart builder)#199
RodrigoZone wants to merge 1 commit intoanthropics:mainfrom
RodrigoZone:add-fluxograma-builder

Conversation

@RodrigoZone
Copy link
Copy Markdown

Summary

This PR adds the fluxograma-builder plugin to the partner-built directory — a skill for creating professional swimlane flowcharts as self-contained HTML/SVG files, with no external dependencies.

What it does

  • Generates HTML files with SVG swimlane diagrams from natural language process descriptions
  • Supports multi-actor lanes, numbered phases, and color-coded node types
  • Enforces strict routing rules to prevent arrow overlaps

Key technical standards encoded in the skill

  • Single connection point rule — each node side (TOP/BOTTOM/LEFT/RIGHT) is used by at most one arrow
  • Margin channel routing — loop-back arrows travel via left/right margin channels and arrive at the LEFT or RIGHT of the target node (never at TOP when TOP is already occupied)
  • Dynamic edge label widths — label boxes sized to text length, never truncated
  • SVG clipPath — applied to all node text to prevent overflow outside card boundaries
  • Render order — arrows drawn before nodes so nodes always appear on top

Plugin structure

partner-built/fluxograma-builder/
├── .claude-plugin/plugin.json
├── .mcp.json                    (no external connectors required)
├── README.md
└── skills/fluxograma-builder/
    ├── SKILL.md
    └── references/
        └── template.md          (complete working code template)

Trigger contexts

The skill activates automatically when users ask for: flowcharts, process diagrams, swimlane diagrams, actor maps, BPM visuals, or when fixing existing diagrams with overlap/routing issues.


Author: Rodrigo Moraes (rmoraes3008@gmail.com)

Swimlane flowchart builder for Claude Cowork.
Creates professional HTML/SVG swimlane diagrams with:
- Multi-actor lanes with phase grouping
- Strict single-connection-point routing rule
- Loop routing via margin channels (no node overlap)
- Dynamic edge label widths
- SVG clipPath for text containment

Author: Rodrigo Moraes (rmoraes3008@gmail.com)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant