CtrlK
BlogDocsLog inGet started
Tessl Logo

banner-design

Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with optional generated or supplied visuals. Actions: design, create, generate banner. Platforms: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, website hero, print. Styles: minimalist, gradient, bold typography, photo-based, illustrated, geometric, retro, glassmorphism, 3D, neon, duotone, editorial, collage.

64

Quality

76%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Low

Low-risk findings worth noting

Fix and improve this skill with Tessl

tessl review fix ./.claude/skills/banner-design/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.

A well-structured, actionable skill body with clear sequencing, validation checkpoints, and clean progressive disclosure to a single bundled reference. The main improvement is reducing inline table duplication and adding an explicit retry loop for verification failures.

Suggestions

Trim the inline size and style tables to a few representative rows plus a pointer to the reference to reduce token duplication.

Add a short copy-paste HTML/CSS banner scaffold to make Step 3 fully executable rather than described.

Insert an explicit 'if verification fails, fix and re-verify before proceeding' loop in Step 4 to match the strongest workflow-clarity anchor.

DimensionReasoningScore

Conciseness

Mostly lean and assumes Claude's competence, but the inline Banner Size Quick Reference and Top-10 Styles tables duplicate content already in the reference file and could be trimmed to pointers.

4 / 5

Actionability

Concrete numeric guidance (exact dimensions, 70-80% safe zone, 4.5:1 contrast, kebab-case path convention) is highly actionable, though no copy-paste HTML/CSS banner template is provided.

4 / 5

Workflow Clarity

A clear five-step sequence with explicit verification in Step 4 (pixel dims, safe-zone crop, font loading, quality) and a file-size feedback loop; minor gap is the lack of an explicit re-validate-and-retry loop for design verification failures.

4 / 5

Progressive Disclosure

A single real, well-signaled one-level-deep reference (references/banner-sizes-and-styles.md) is referenced repeatedly ("Full reference:", "Full 22 styles:"), with summaries inline and full detail split out cleanly.

5 / 5

Total

17

/

20

Passed

Description

75%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 specific, well-scoped description with strong action and trigger coverage and low conflict risk. Its main weakness is the absence of an explicit "Use when..." trigger clause, leaving the activation condition only implied.

Suggestions

Add an explicit 'Use when the user asks for banner, cover, or header design across social, ad, web, or print formats.' clause to raise completeness.

Include the synonyms 'cover' and 'header' alongside 'banner' to capture the most common user phrasings.

Keep the existing structured Actions/Platforms/Styles lists, which give strong specificity and distinctiveness.

DimensionReasoningScore

Specificity

Lists multiple concrete actions ("design, create, generate banner"), explicit platform targets, and a comprehensive style set, giving full coverage of what the skill does.

5 / 5

Completeness

The "what" is clear and detailed, but there is no explicit "Use when..." clause; the "when" is only weakly implied via the Actions/Platforms/Styles keyword lists, capping completeness per the rubric.

3 / 5

Trigger Term Quality

Strong natural terms ("banner", "social media", "ads", "website heroes", "print") plus platform names, but common variations like "cover" and "header" are absent from the description.

4 / 5

Distinctiveness Conflict Risk

The description carves out a clear niche (banner design across named formats) with distinct trigger terms and minimal overlap with unrelated skills.

5 / 5

Total

17

/

20

Passed

Validation

87%

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

Validation14 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

referenced_paths_exist

Referenced path issues: 1 missing

Warning

Total

14

/

16

Passed

Repository
nextlevelbuilder/ui-ux-pro-max-skill
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.