CtrlK
BlogDocsLog inGet started
Tessl Logo

frontend-design

Use this skill when generating reports, tables, or email output to produce polished, self-contained, responsive HTML.

61

Quality

71%

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 ./docs/cowork-collective/badge-check/assets/SKILL.md
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.

The body is dense, actionable, and well-structured, especially the Outlook/email rendering constraints which are concrete and copy-applicable. It assumes Claude's competence and avoids concept padding, but lacks explicit workflow checkpoints and could offload the email guidance to a reference file for tighter progressive disclosure.

Suggestions

Add a brief validation/self-check step for the email path (e.g. 'Verify: outer wrapper width="100%", inner table width="600", all styles inline, no <style> blocks') to lift workflow clarity.

Move the Outlook/email rendering rules into a dedicated references/email-rendering.md file and summarize the key constraints inline, improving progressive disclosure and conciseness.

Trim emphatic filler ('CRITICAL', 'NEVER use generic AI-generated aesthetics', 'UNFORGETTABLE') in favor of terse directives to push conciseness toward the 5 anchor.

DimensionReasoningScore

Conciseness

The body is lean and directive — bullet lists of specific fonts, CSS properties, and element constraints with no padding explaining what HTML/CSS or PDFs are — but emphatic filler phrases like 'CRITICAL:', 'NEVER', and 'UNFORGETTABLE' add tokens that could be trimmed, keeping it just below the lean 5 anchor.

4 / 5

Actionability

Highly executable guidance: explicit element allow/deny lists, named CSS properties, concrete values (600px, #FF0000, display:block, cellpadding/bgcolor HTML attributes). It stops short of full copy-paste code examples, so it is mostly executable with minor gaps rather than fully copy-paste ready.

4 / 5

Workflow Clarity

A loose sequence exists in Design Thinking (understand context → commit aesthetic → implement), but there are no validation checkpoints; this is acceptable for a non-destructive guidance skill, yet the steps are not tightly sequenced and checkpoints are only implicit, matching the 'steps listed but validation gaps' anchor.

3 / 5

Progressive Disclosure

No bundle files exist (references/scripts/assets absent), and the body is a single self-contained file with clear section headers and subsections; the email-specific guidance (~50 lines) could arguably be split into a reference file, leaving minor organization gaps that keep it just below a perfect 5.

4 / 5

Total

15

/

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.

The description is third-person, concise, and includes an explicit 'Use this skill when...' trigger with concrete output types. It is solid and clearly scoped, but the action enumeration and trigger synonym coverage could be fuller to reach the top anchor.

Suggestions

Add concrete action verbs and synonyms to broaden trigger coverage, e.g. 'Use when generating reports, tables, HTML emails, newsletters, or responsive web output to produce polished, self-contained HTML.'

Consider naming a couple of explicit capabilities (e.g. 'build responsive layouts, apply distinctive typography, handle Outlook-compatible email rendering') to lift specificity and completeness to 5.

DimensionReasoningScore

Specificity

Names the domain and several concrete actions — 'generating reports, tables, or email output to produce polished, self-contained, responsive HTML' — but coverage is narrow (only HTML output variants), so it lists several specific actions with minor gaps rather than comprehensive coverage.

4 / 5

Completeness

Explicitly answers both 'what' (produce polished, self-contained, responsive HTML) and 'when' ('Use this skill when generating reports, tables, or email output'); the 'when' is concrete but the 'what' is a single bundled outcome rather than multiple enumerated capabilities, so it is not maximally explicit.

4 / 5

Trigger Term Quality

Includes natural user-facing terms ('reports, tables, or email output') but omits common synonyms users would say such as 'HTML email', 'newsletter', 'dashboard', or 'responsive design', leaving a few natural terms missing.

4 / 5

Distinctiveness Conflict Risk

Scoped specifically to HTML report/table/email generation, which is mostly distinct from generic coding skills with only minor overlap risk; not a fully isolated niche like a single file format, hence not a 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.

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
microsoft/agent-academy
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.