diagram-quality
CommunityEnsure SVG diagrams are clear, correctly styled, and universally readable.
Authorjemcik
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses visual inconsistencies and technical issues in SVG diagrams, ensuring diagrams are clear, properly scaled, and thematically consistent across localizations.
Core Features & Use Cases
- Diagram Inspection and Fixes: Detects and fixes font size, padding, overlap, and translation issues in SVG diagrams.
- Style and Theme Compliance: Ensures diagrams adhere to theme tokens, proper sizing, and responsive layout standards.
- Use Case: When updating a schematic or plot, invoke this Skill to automatically correct label sizes, alignments, and theme tokens to guarantee visual consistency and readability across languages and themes.
Quick Start
Invoke the diagram quality skill whenever touching src/components/diagrams/ or chapter visuals to automatically detect and fix diagram styling and layout issues.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 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: diagram-quality Download link: https://github.com/jemcik/the-radio-bench/archive/main.zip#diagram-quality 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.