CtrlK
BlogDocsLog inGet started
Tessl Logo

og-image-size

Use when auditing Open Graph tags or generating og:image assets. Applies to any page that may be shared on social networks or messaging platforms.

60

Quality

70%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./skills/og-image-size/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

71%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, actionable skill body with concrete numeric thresholds and a clean one-level reference split. The main costs are a redundant intro/Explain pair that re-explains platform behavior Claude already knows, overlap between the Check and Code Review sections, and the absence of any executable command for the check/resize steps in the body itself.

Suggestions

Merge the intro and Explain sections into one brief statement, cutting the duplicated explanation of how platforms crop or skip images.

Consolidate the overlapping Check and Code Review sections into a single checklist, and add a post-fix re-verification step (e.g. re-fetch the image and confirm dimensions).

Include one executable snippet or command for checking an image's dimensions and file size (e.g. curl plus ImageMagick `identify`), since the body currently tells Claude what to verify but not how.

DimensionReasoningScore

Conciseness

The intro paragraph ("An incorrectly sized og:image is displayed poorly or not at all... resulting in blank or distorted link previews") and the Explain section ("Social platforms use og:image to construct the visual card...") are mutually redundant and explain platform behavior Claude already knows. Not 2 because Quick Reference, Check, Fix, and Code Review are dense and unpadded; not 4 because the duplication spans two sections, beyond a minor instance.

3 / 5

Actionability

Concrete thresholds throughout — "Flag if width < 1200px, height < 630px", "Export as JPEG at 80–85% quality", "Add og:image:width and og:image:height tags" — plus a 5-point Code Review checklist. Not 5 because the body gives no executable command or snippet for fetching the image or checking/resizing dimensions.

4 / 5

Workflow Clarity

Check → Fix form a clear sequence with explicit flag criteria and a concrete verification checklist in Code Review. Not 5 because the Check and Code Review sections overlap substantially and there is no re-verification loop after fixing; not 3 because sequence and checkpoints are explicit, not implicit.

4 / 5

Progressive Disclosure

A lean ~45-line body with well-organized sections and a clearly signaled one-level-deep pointer — "For full implementation details, code examples, and framework-specific guidance, see `references/rule.md`" — and I verified references/rule.md exists and contains exactly those details (code examples, platform table, framework guidance). The split is appropriate and navigation is unambiguous.

5 / 5

Total

16

/

20

Passed

Description

70%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 well-formed description with an explicit Use-when clause, third-person voice, and relevant trigger terms. Its main weaknesses are a what-statement folded into the trigger phrasing, only two named actions, and a trigger slightly broader than the skill's actual scope.

Suggestions

State the capability separately from the trigger, e.g. "Audits og:image dimensions, aspect ratio, and file size, and generates correctly sized og:image assets."

Add natural trigger synonyms such as "link preview" or "social media card" to broaden keyword coverage.

Narrow the first trigger to the skill's actual scope (e.g. "auditing og:image tags" rather than "Open Graph tags" generally) to reduce overlap with broader OG-metadata skills.

DimensionReasoningScore

Specificity

Names two concrete actions — "auditing Open Graph tags" and "generating og:image assets" — matching the 1-2-concrete-actions anchor. It falls short of 4 because neither action is decomposed and coverage is limited to those two.

3 / 5

Completeness

The "when" is explicit ("Use when auditing Open Graph tags or generating og:image assets"; "Applies to any page that may be shared..."), but the "what" is folded into the trigger clause rather than stated as a distinct capability. Not 3 because the when-clause is explicit, not weakly implied.

4 / 5

Trigger Term Quality

Includes natural terms users would say — "Open Graph tags", "og:image", "social networks", "messaging platforms", "shared" — giving good keyword coverage. Missing common variations like "link preview", "social media card", or "share preview", so not 5.

4 / 5

Distinctiveness Conflict Risk

"og:image" is a clear niche with minimal conflict risk, but the trigger "auditing Open Graph tags" is broader than the skill's image-size scope and could fire for og:title/og:description work. Minor overlap with a closely related broader skill, matching anchor 4.

4 / 5

Total

15

/

20

Passed

Validation

93%

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

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

metadata_version

'metadata.version' is missing

Warning

Total

15

/

16

Passed

Repository
thedaviddias/Front-End-Checklist
Reviewed

Table of Contents

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.