image

Image renderer for json-render that turns JSON specs into SVG and PNG images via Satori. Use when working with @json-render/image, generating OG images from JSON, creating social cards, or rendering AI-generated image specs.

Quality

88%

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

93%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 tight, executable reference for a single-purpose rendering skill: working code, component and export tables, and clean sectioning with no padding. Only minor validation-step guidance is absent.

Dimension	Reasoning	Score
Conciseness	Lean body with no padding or explanations of concepts Claude already knows; every section (Quick Start, components, exports) earns its place with code and tables only.	5 / 5
Actionability	Provides copy-paste ready TypeScript for rendering, catalog setup, and custom components, plus concrete tables of components and sub-path exports covering the common cases.	5 / 5
Workflow Clarity	For a single-purpose render skill the action is unambiguous with working examples, but there are no explicit validation/checkpoint steps for verifying render output, leaving a minor gap.	4 / 5
Progressive Disclosure	Well-organized sections in a compact body with no bundle files to delegate to; structure is clear and navigable, satisfying the simple-skill exception for skills under 50 lines.	5 / 5
	Total	19 / 20 Passed

Description

83%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 strong, specific description that clearly states what the skill does and gives explicit 'Use when' triggers tied to a named package. Slight room to broaden natural-language trigger synonyms.

Dimension	Reasoning	Score
Specificity	Names the concrete action ('turns JSON specs into SVG and PNG images via Satori') and the deliverables (SVG, PNG), matching the comprehensive anchor listing multiple specific concrete actions.	5 / 5
Completeness	Explicitly answers 'what' (renderer turning JSON specs into SVG/PNG via Satori) and provides 'Use when...' triggers, but the 'when' is somewhat list-heavy and could be more tightly tied to concrete user phrasings.	4 / 5
Trigger Term Quality	Includes natural phrases like 'generating OG images from JSON', 'creating social cards', and 'rendering AI-generated image specs', but misses common synonyms or file extensions such as .svg/.png or 'open graph' spelled out.	4 / 5
Distinctiveness Conflict Risk	The @json-render/image niche is highly specific and tied to a named package and Satori, so it is clearly distinguishable with minimal conflict risk against other skills.	5 / 5
	Total	18 / 20 Passed

Validation

100%

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 — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository: vercel-labs/json-render
Path: skills/image/SKILL.md
Commit: 0f6798b

Reviewed: 2 days 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.