SVG Technical Infographic

SVG Technical Infographic is a Data skill for Claude Code, published by modu-ai in moai-adk.

1.2K stars220 forkson modu-ai/moai-adkAdded 2026/08/20Repository updated 2026/08/20

agentic-aiagentic-codingagentic-workflowai-agentai-codinganthropicclaudeclaude-codecli-toolcode-generationcode-qualityddddeveloper-toolsgogolangllmmulti-agentspec-driven-developmenttddvibe-coding

Install in seconds

Install SVG Technical Infographic

Copy SVG Technical Infographic into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/modu-ai/moai-adk/tree/main/.claude/skills/moai-domain-svg-infographic ~/.claude/skills/moai-domain-svg-infographic

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/modu-ai/moai-adk.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: .claude/skills/moai-domain-svg-infographic/SKILL.md in modu-ai/moai-adk
Installs to: ~/.claude/skills/moai-domain-svg-infographic
Collection: One of 25 skills cataloged from this repository
Category: Data — 668 skills

What SVG Technical Infographic does

SVG Technical Infographic produces hand-editable SVG diagrams, computing geometry numerically before writing markup and rendering a 2x PNG via headless Chromium. Use it for static technical infographics—architecture, flow, comparison, hierarchy—when pixel-level control or CJK text wrapping is required.

SVG Technical Infographic is cataloged under Data on DirSkills. SVG Technical Infographic comes from a repository tagged agentic-ai, agentic-coding, agentic-workflow, ai-agent and ai-coding.

Documentation

README

Excerpt

SVG Technical Infographic

Produce a hand-editable SVG diagram whose geometry was decided by arithmetic rather than by eye, plus a 2x PNG raster of it. The output is one static image: no animation, no scripting, no external asset at view time.

Step 0 — Decide whether this is an SVG job

This skill is additive to the mermaid pipeline, never a replacement for it. Nothing here migrates, rewrites, or deprecates an existing mermaid diagram, and no diagram should ever exist in both forms — that is dual maintenance, and it is the one failure this section exists to prevent.

Route the request before drawing anything:

This is the opening of the README. Read the full README on GitHub.

Frequently asked about SVG Technical Infographic

What else does modu-ai publish alongside SVG Technical Infographic?
SVG Technical Infographic is one of 25 skills that DirSkills catalogs from modu-ai/moai-adk, the repository it ships in. Its siblings there include API Patterns Reference, Backend Development and CI Loop. Each one is a separate skill with its own page in this directory, installs the same way SVG Technical Infographic does, and is maintained by modu-ai in that same repository. The rest of the collection is listed on the modu-ai/moai-adk page.
How does SVG Technical Infographic compare to other Data skills?
SVG Technical Infographic ranks #439 by stars among the 668 Data skills in this catalog. The most-starred ones next to it are Benchmark Methodology, Jupyter Notebook and Solana. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of SVG Technical Infographic against them. Open each page to compare what they document and how they install.