CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

x-image-cards

Create X/Twitter cards that look like images, not marketing banners. Use when asked to "create OG images", "set up X cards", "make social cards", or "twitter card without text".

84

1.78x
Quality

78%

Does it follow best practices?

Impact

91%

1.78x

Average score across 6 eval scenarios

SecuritybySnyk

—

The risk profile of this skill

Fix and improve this skill with Tessl

tessl review fix ./data/skills-md/0juano/agent-skills/x-image-cards/SKILL.md

The canonical home for this skill is x-image-cards in NeverSight/learn-skills.dev

SKILL.md
Quality
Evals
Security

Quality

Content

68%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 lean, largely actionable single-file skill whose strengths are non-obvious domain knowledge (zero-width space trick, crawler timeout, 2x retina specs) and concrete code for the common Next.js/@vercel/og case. Its weaknesses are an implicit rather than explicit workflow (no ordered steps or checkpoints beyond the final checklist) and a few non-executable code snippets (placeholder ImageResponse, await in a non-async handler).

Suggestions

Restructure the guidance as an explicit ordered workflow (1. add meta tags incl. zero-width og:title, 2. generate the 2400x1200 image, 3. serve via .png URL, 4. validate with the card validator) so the sequence and validation checkpoints are explicit rather than implied.

Fix the non-runnable snippets: replace 'new ImageResponse(/* ... */)' with a complete example and add 'async' to the pre-generated route handler that uses 'await' (or make it a comment), so all code is copy-paste executable.

Consider moving framework-specific variants (Express serving, pre-generation with a DB) into a references/ file linked from a short section, keeping SKILL.md as a tighter overview.

DimensionReasoningScore

Conciseness

The body is efficient — a spec table with a 'Why' column, tight sections, and genuinely non-obvious content (the zero-width space trick, the ~5 second X crawler timeout) that Claude would not already know. Minor trimmable padding exists, e.g., the promotional footer 'Built for BondTerminal... See it in action', so it sits at anchor 4 rather than the fully lean anchor 5.

4 / 5

Actionability

The meta-tag block and the @vercel/og GET handler are concrete and executable, but the Express snippet contains a placeholder 'new ImageResponse(/* ... */)' and the pre-generated route uses 'await' inside a non-async handler ('app.get('/og/:id.png', (req, res) => { const { ogImageData } = await db.get(req.params.id); ... })'), which would not run as written — mostly executable with minor gaps, matching anchor 4 rather than the copy-paste-ready anchor 5.

4 / 5

Workflow Clarity

The section ordering (requirements, meta tags, dynamic generation, routes, checklist) implies a sequence and the checklist includes a validation URL ('Test: https://cards-dev.twitter.com/validator'), but there are no explicit ordered steps or inter-step checkpoints, and the choice ordering between static meta tags, on-demand, and pre-generated routes is left implicit — matching anchor 3 ('sequence present but checkpoints missing or implicit') rather than 4.

3 / 5

Progressive Disclosure

A well-organized single-file skill with clear headers, a table, and a checklist, with all content on one level and no nested references. Framework-specific variants (Express route, pre-generation DB flow) are inlined where they could be split into reference files — good structure with minor organization gaps, matching anchor 4; there are no buried or nested references that would push it to 3.

4 / 5

Total

15

/

20

Passed

Description

78%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 concise, third-person description that clearly pairs a concrete capability statement with an explicit 'Use when' clause and natural quoted trigger phrases. Its main gap is limited enumeration of what the skill actually covers, and its trigger list omits some common synonyms like 'open graph image'.

Suggestions

Expand the 'what' portion with one or two more concrete capabilities (e.g., 'set og:image meta tags and generate 1200x600 PNG images') to lift specificity from 3 to 4.

Add missing natural trigger synonyms such as 'open graph image', 'twitter preview', or 'og:image' to broaden trigger term coverage.

DimensionReasoningScore

Specificity

The description names the domain ('Create X/Twitter cards that look like images, not marketing banners') but lists only one concrete action, matching anchor 3 ('names domain and 1-2 concrete actions, but not comprehensive'); it does not enumerate further capabilities (meta tag setup, image generation, validation) that would merit a 4.

3 / 5

Completeness

It explicitly answers both what ('Create X/Twitter cards that look like images, not marketing banners') and when ('Use when asked to...') with concrete quoted trigger phrases, exactly matching anchor 5.

5 / 5

Trigger Term Quality

Four natural quoted trigger phrases ('create OG images', 'set up X cards', 'make social cards', 'twitter card without text') give good keyword coverage, but common variations like 'open graph image', 'twitter preview', or 'og:image' are missing, fitting anchor 4 rather than the comprehensive anchor 5.

4 / 5

Distinctiveness Conflict Risk

A clear niche (X/Twitter card images) with distinct trigger phrases, but 'create OG images' could overlap with a generic OpenGraph-image skill, so it is mostly distinct with minor overlap risk (anchor 4) rather than minimal conflict risk (anchor 5).

4 / 5

Total

16

/

20

Passed

Validation

100%

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

NeverSight/learn-skills.dev

Path

data/skills-md/0juano/agent-skills/x-image-cards/SKILL.md

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.