Generate self-contained HTML diagrams with embedded CSS and SVG.
npx skills add https://github.com/Eigenwise/tesseron --skill tesseron-diagram
Please help me install this Agent Skill. Skill: tesseron-diagram Source: https://github.com/Eigenwise/tesseron/tree/main/.claude/skills/tesseron-diagram Command: npx skills add https://github.com/Eigenwise/tesseron --skill tesseron-diagram
Generates consistent, self-contained diagrams in the Tesseron visual language for documentation, enabling clear architectural views without external tooling.
Ask your agent to create a Tesseron-style architecture diagram for your system.
High-intent search queries and answers about installing and using this skill.
To create self-contained HTML architecture diagrams for technical documentation, you can generate inline SVG with embedded CSS that renders in any browser without external dependencies. This approach ensures your diagrams are portable and display consistently across different documentation platforms.
The best way to embed SVG flow diagrams in design system docs without external tooling is generating self-contained HTML files with inline SVG and embedded CSS. This method enforces visual language consistency and eliminates the need for external rendering libraries or image hosting.
Yes, you can use ASCII-safe text and line arrows for sequence diagrams in API references. Using line and polygon arrows instead of SVG markers ensures compatibility and prevents rendering issues across various browsers and documentation viewers.
Generating documentation diagrams with embedded CSS fully supports a single accent color constraint. Enforcing a single accent color helps maintain a professional, unified visual language across all architecture, sequence, and flow diagrams within your technical documentation.
To generate consistent visual language diagrams for product docs across different browsers, output self-contained HTML with inline SVG and embedded CSS. This technique guarantees uniform rendering and styling enforcement without relying on the specific browser's native SVG marker support.
A limitation when using polygon arrows instead of SVG markers for inline SVG architecture diagrams is the need for manual coordinate calculations for arrowheads. However, this constraint ensures broader compatibility and prevents rendering bugs in browsers with incomplete SVG marker support.
cdonohueGenerates Tailwind-like CSS color tokens and accessibility data from a single hex value.
ChangZhou-xjGenerate standalone HTML files with inline SVG architecture diagrams.
KrystianYCSilvaCreate Markdown documentation with Mermaid diagrams and GFM tables.
lukebazeGenerate flowcharts, sequence, class, ER, and timeline diagrams from Mermaid.js v11 syntax.
