moai-domain-svg-infographic

Author editable SVG technical infographics — architecture, flow, comparison, hierarchy — by computing the layout numerically before writing markup, then rendering a 2x PNG via headless Chromium. Carries a CJK-first font stack, a deterministic source lint, and mermaid-vs-SVG selection rules.

Quality

96%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

Securityby

Passed

No findings from the security scan

Quality

Content

92%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

A well-structured, highly actionable methodology document with a clear sequenced workflow, explicit validation, and clean one-level-deep references; the only meaningful weakness is mild redundancy around the mermaid routing message.

Suggestions

Collapse the repeated mermaid-vs-SVG guidance into the routing table plus a single 'one diagram, one home' statement; remove the duplicate rows from the Common Rationalizations table to tighten conciseness.

Split slop-symptom #12 (a long run-on listing all six connector rules and their machine-check coverage) into the six rules as separate rows or a short sub-list for readability.

Move the 14-row slop-symptom table and the full attribution paragraph into a reference file, keeping only a pointer in SKILL.md to reduce the body's token footprint.

Dimension	Reasoning	Score
Conciseness	Lean and free of basic-concept padding (no 'what is an SVG' filler), all prose is novel methodology, but the mermaid-vs-SVG message is restated several times (routing table, 'mermaid wins', 'one diagram one home', and two rationalization rows) and slop-symptom #12 is a single long run-on that could be tightened.	4 / 5
Actionability	Fully executable guidance throughout — copy-paste grid/containment/derived-geometry/connector formulas, an exact CJK-first font stack, text-budget formulas, and concrete bash invocations for check-svg.mjs and render.mjs with flags and exit codes.	5 / 5
Workflow Clarity	Six steps are explicitly ordered (Frame, Pick archetype, Numeric layout, Author, Lint, Render/verify) with validation checkpoints ('Do not proceed on a failing row', lint errors always fix, PNG header verification), a degradation matrix, feedback loops (lint→fix→re-lint, render exit 2 → SVG-only), and a terminal verification checklist.	5 / 5
Progressive Disclosure	The body is a navigable overview that pushes detail one level deep into real, verified bundle files (references/archetypes.md, authoring.md, import-drawio.md, import-mermaid.md, sketch.md and scripts/check-svg.mjs, render.mjs, test-check-svg.mjs, fixtures/), summarized in a bundled-references table.	5 / 5
	Total	19 / 20 Passed

Description

100%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

A dense, specific description that states concrete capabilities and pairs them with an explicit when_to_use trigger clause and a negative-routing rule, making it both comprehensive and clearly distinct from sibling skills.

Dimension	Reasoning	Score
Specificity	Lists multiple concrete actions — 'Author editable SVG technical infographics', 'computing the layout numerically before writing markup', 'rendering a 2x PNG via headless Chromium', plus a 'CJK-first font stack', a 'deterministic source lint', and 'mermaid-vs-SVG selection rules' — comprehensive and specific rather than generic.	5 / 5
Completeness	The description answers 'what' concretely and the companion frontmatter when_to_use answers 'when' with explicit triggers ('Use for a static diagram image bound for slides, email, social, or offline use...') and a negative trigger ('Markdown-embedded diagrams that change often... remain mermaid'), satisfying the 'equivalent explicit trigger guidance' clause.	5 / 5
Trigger Term Quality	Natural user-facing terms are well covered: 'SVG', 'infographic', 'architecture', 'flow', 'diagram', 'PNG', 'slides', 'email', 'social', 'mermaid', and 'Korean line wrapping' — matching the synonym breadth of the 5-anchor example.	5 / 5
Distinctiveness Conflict Risk	Clear niche — editable SVG infographics with computed layout — and it explicitly contrasts itself against mermaid ('additive to the mermaid pipeline, never a replacement'), giving minimal overlap risk with the related report-rendering skill.	5 / 5
	Total	20 / 20 Passed

Validation

87%

Warnings & errors only

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 14 / 16 Passed

Validation for skill structure

Criteria	Description	Result
allowed_tools_field	'allowed-tools' contains unusual tool name(s)	Warning
frontmatter_unknown_keys	Unknown frontmatter key(s) found; consider removing or moving to metadata	Warning

	Total	14 / 16 Passed

Repository: modu-ai/moai-adk
Path: .claude/skills/moai-domain-svg-infographic/SKILL.md
Commit: 2213871

Reviewed: 4 hours ago

Table of Contents

Discovery Implementation Validation

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.