CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

html-ppt-zhangzara-editorial-tri-tone

A type-and-color system for a culture magazine relaunch — the grid, the tri-tone palette, and the layout kit. Built as a decision-grade design craft deck for editorial & design team.

54

Quality

68%

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 ./design-templates/html-ppt-zhangzara-editorial-tri-tone/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.

The content is a tightly written, highly actionable template guide with a clear workflow and an explicit output contract. Its two weaknesses are the absence of a final validation step despite flagging a silent-failure mode, and that the workflow's core dependencies (example.html, LICENSE, template.json) are referenced but not present in the bundle.

Suggestions

Ship the referenced bundle files (example.html, LICENSE, template.json) alongside assets/deck-stage.js, or correct the references — the primary workflow step depends entirely on example.html, which is missing.

Add an explicit final verification step (e.g., open the artifact in a browser and confirm keyboard navigation works before delivering), since the skill itself warns that a misplaced runtime path silently breaks navigation.

Merge step 6 into step 1 to remove the duplicated runtime-preservation guidance and tighten token efficiency.

DimensionReasoningScore

Conciseness

The body is lean and every section carries non-obvious information (e.g., the assets/deck-stage.js 404-path warning), but step 6 ("Keep the navigation runtime as shipped") substantially repeats step 1's runtime guidance, and phrases like "Equally good for any deck — including tech, research, or business" could be trimmed. Efficient with minor instances of over-explanation, matching anchor 4 rather than anchor 5.

4 / 5

Actionability

The workflow gives concrete, executable guidance: clone example.html and assets/, replace placeholders, duplicate existing layouts to extend, design missing layouts from the same component grammar, and an exact copy-paste <artifact> output contract. As an instruction-only skill the absence of code is not penalized; minor gaps (no concrete command or example for the clone step) keep it below anchor 5.

4 / 5

Workflow Clarity

Six well-ordered, unambiguous steps cover the main cases plus edge cases (more content than demo holds, less content, missing layouts). The single gap is that no final verification step exists — despite the skill itself warning that navigation "will silently break" if the runtime path 404s — which places it above anchor 3's checkpoint-less sequences but below anchor 5's explicit validation.

4 / 5

Progressive Disclosure

The body is a well-sectioned single-file overview, but scored against the actual bundle: assets/deck-stage.js exists, while example.html (which workflow step 1 entirely depends on), LICENSE, and template.json are referenced with links yet absent from the bundle. Broken referenced paths are more than a minor organization gap, so this sits between anchors 3 and 4.

3 / 5

Total

15

/

20

Passed

Description

53%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 distinctive and names concrete design components, but it is artifact-focused rather than capability-focused: no action verbs, no explicit 'Use when' clause, and a mix of natural terms with template-internal jargon. It communicates what the deliverable is, not what the skill does or when to invoke it.

Suggestions

Add an explicit 'Use when...' clause naming the invocation triggers (e.g., 'Use when building an HTML slide deck for an editorial, magazine, fashion, or lifestyle brand') to raise completeness above the cap of 3.

State the capability in third person with concrete verbs (e.g., 'Builds HTML presentation decks in a three-color editorial system: grid, palette, and reusable slide layouts') so the description says what the skill does, not just what the artifact contains.

Replace template-internal jargon ("tri-tone palette", "layout kit", "decision-grade design craft deck") with natural user phrasing such as "slides", "presentation", "magazine-style", and "brand deck" to improve trigger-term quality.

DimensionReasoningScore

Specificity

The description names the domain and concrete components ("the grid, the tri-tone palette, and the layout kit") but contains no action verbs — it describes the artifact rather than what the skill does. It sits above anchor 2 (domain named, actions generic) because the components are specific, but below anchor 4 because no concrete actions are stated.

3 / 5

Completeness

The "what" is reasonably clear (a type-and-color system deck for a magazine relaunch), but there is no "Use when..." clause or equivalent explicit trigger guidance — "for editorial & design team" only weakly implies an audience, not a trigger. Per the judging guideline, a missing Use-when clause caps completeness at 3.

3 / 5

Trigger Term Quality

Natural terms appear ("magazine", "editorial", "design", "deck", "type", "color"), but they are embedded alongside template jargon users would not say ("tri-tone palette", "layout kit", "decision-grade design craft deck"), and common variations like "slides" or "presentation" are missing. Coverage is better than a single generic keyword but falls short of anchor 4's good keyword coverage.

3 / 5

Distinctiveness Conflict Risk

The niche editorial/magazine-relaunch framing with a named palette is mostly distinct from generic document or code skills. Minor overlap risk remains with other design/brand/template skills, keeping it below anchor 5.

4 / 5

Total

13

/

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.

Validation — 14 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

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

Warning

relative_links

Relative link issues: 1 missing

Warning

Total

14

/

16

Passed

Repository

nexu-io/open-design

Path

design-templates/html-ppt-zhangzara-editorial-tri-tone/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.