CtrlK
BlogDocsLog inGet started
Tessl Logo

twitter-cards

Use when applies to any page intended to be shared on X (Twitter). Use when auditing social sharing previews or adding social meta tags to a new site.

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/twitter-cards/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

78%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.

The body is a tight, well-structured overview with concrete, actionable specifics (tag names, sizes, card types) and a properly signaled one-level-deep reference that exists and delivers what it promises. Its only weaknesses are minor duplication of image specs between sections and the absence of an explicit post-fix validation loop.

DimensionReasoningScore

Conciseness

The body is lean and assumes Claude's competence (no explanation of what X or meta tags are), with minor redundancy: image specs (1200×630 px, 5 MB) appear in both Quick Reference and Fix, and the Code Review section reads as boilerplate. Anchor 4 (efficient, minor instances that could be trimmed) rather than 5 (every token earns its place).

4 / 5

Actionability

Guidance is concrete and executable: exact tag syntax ('<meta name="twitter:card" content="summary_large_image">'), valid card types, minimum image dimensions (300×157 px), file-size limits, absolute-URL requirement, and a concrete verification step ('Test the URL in the X Card Validator'). It falls short of anchor 5 only because the full copy-paste HTML block lives in the reference file rather than the body.

4 / 5

Workflow Clarity

The Check → Fix → Explain → Code Review structure gives a clear sequence, and the Check section embeds validation ('Verify the card type is valid', 'Test the URL in the X Card Validator'). Anchor 4 rather than 5 because there is no explicit feedback loop (fix → re-validate) after the Fix step; no destructive/batch cap applies.

4 / 5

Progressive Disclosure

The body is a concise, well-sectioned overview that points to a real, one-level-deep reference ('For full implementation details, code examples, and framework-specific guidance, see references/rule.md' — the file exists, 93 lines, and does contain the code examples and details promised). Clear navigation with content appropriately split — matches anchor 5.

5 / 5

Total

17

/

20

Passed

Description

62%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.

The description has clear trigger guidance and reasonable action verbs, but it undersells the skill's core artifact (Twitter Card meta tags) and omits the most natural trigger term users would say. The opening clause 'Use when applies to any page' is also grammatically awkward and vague.

Suggestions

State the concrete capability explicitly, e.g. 'Adds and validates Twitter Card meta tags (twitter:card, twitter:title, twitter:description, twitter:image) in the <head> of a page.'

Include the natural trigger terms users would actually say: 'Twitter Cards', 'tweet preview', 'social sharing preview', and 'Open Graph fallback'.

Fix the awkward opening clause 'Use when applies to any page...' to something like 'Applies to any page intended to be shared on X (Twitter)'.

DimensionReasoningScore

Specificity

The description names the domain (pages shared on X) and two concrete actions ('auditing social sharing previews', 'adding social meta tags to a new site'), but coverage is not comprehensive — it never mentions Twitter Card tags or card types. This matches anchor 3 (1-2 concrete actions, not comprehensive) rather than 4 (several specific actions) or 2 (minimal/generic actions).

3 / 5

Completeness

Both 'what' ('auditing social sharing previews or adding social meta tags') and 'when' (two explicit 'Use when...' clauses) are present, but the 'what' is imprecise — it never states the skill adds/validates twitter:card meta tags. Matches anchor 4 (both present, 'when'/'what' could be more specific), not 5.

4 / 5

Trigger Term Quality

Relevant keywords are present ('shared on X (Twitter)', 'social sharing previews', 'social meta tags') but common variations users would naturally say are missing — notably 'Twitter Cards' itself, plus 'tweet preview' and 'Open Graph'. Anchor 3 (some relevant keywords, missing common variations) fits better than 4.

3 / 5

Distinctiveness Conflict Risk

Clearly scoped to X/Twitter social sharing previews, making it mostly distinct with only minor overlap risk against generic SEO or Open Graph meta-tag skills. Anchor 4 rather than 5 since the phrase 'social meta tags' is broad enough to brush adjacent skills.

4 / 5

Total

14

/

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.