ReddRadar
Agent skill
svg-collisions
Create or repair SVG diagrams without overlapping text/shapes. Use when shipping new SVGs, editing WLILO-styled diagrams, or when collision checks report overlaps/clipping.
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/svg-collisions
SKILL.md
SVG Collisions (Repair + Validation)
Scope
- Detect overlaps/collisions in SVGs
- Apply safe layout fixes (move label backgrounds, adjust spacing)
- Re-run validation until clean
Inputs
- SVG filepath
- Desired strictness (
--strictvs normal) - Whether collisions are real (text-on-rect label patterns are often intentional)
Procedure
- Run collision detection.
- Inspect reported collisions by severity.
- Fix only true problems (especially text-over-text).
- Re-run strict mode before shipping.
Validation
Run:
node tools/dev/svg-collisions.js <file> --strict
Escalation / Research request
Ask for dedicated research if:
- strict mode repeatedly reports false positives tied to viewBox scaling
- you need a new reusable theme/layout template under
data/svg-templates/ortools/dev/svg-templates/
References
- Tool doc:
tools/dev/README.md(svg-collisions section) - SVG methodology:
docs/guides/SVG_CREATION_METHODOLOGY.md
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?