CtrlK
BlogDocsLog inGet started
Tessl Logo

after-hours-editorial-template

Luxury dark-editorial HyperFrames template for three-page cinematic storyboards, inspired by haute couture title cards and magazine chapter spreads. Use when the user asks for premium fashion-style motion pages, moody serif-led storytelling, or a high-end dark presentation aesthetic with rich transitions.

68

Quality

82%

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

SKILL.md
Quality
Evals
Security

Quality

Content

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

An exemplary lean template-skill body: concrete copy-and-validate workflow, tight constraints, and a well-signaled bundle structure. The residual weaknesses are a phantom `example.html` in the resource map, no error-recovery loop after the checklist validation, and motion-design steps that reference template internals by outcome rather than by named hooks.

Suggestions

Fix the resource map (and checklist P0) to match the actual bundle: either add `example.html` or remove it, since it is currently advertised but missing.

Add a feedback loop after step 7: 'If any P0 checklist item fails, fix the template output and re-validate before emitting.'

Name the concrete CSS variables or template hooks to edit in steps 1 and 4 (e.g. the accent/serif variable names in template.html) so the mapping and motion-preservation steps are fully executable.

DimensionReasoningScore

Conciseness

The body is ~44 lean lines with zero padding: no explanation of what HTML/CSS/JS is, no design-theory lecturing, and directives like 'Avoid sandbox-hostile browser APIs (e.g. localStorage and confirm)' and 'Keep output single-file HTML with inline CSS and JS' assume Claude's competence. Every token earns its place, matching anchor 5.

5 / 5

Actionability

Steps are executable and specific — 'Copy `assets/template.html` to `index.html`', 'do not increase default page dwell above 3 seconds', 'Validate with `references/checklist.md`' — and the Output contract gives a copy-paste artifact XML wrapper. It stops short of anchor 5 because steps 1 and 4 ('map colors, typography tone, and layout rhythm into CSS variables', 'Preserve premium motion behavior') reference behavior that lives only in the template file without naming the concrete variables/hooks to edit.

4 / 5

Workflow Clarity

A clear seven-step sequence from reading DESIGN.md through copying the template, preserving constraints, to an explicit final validation step ('Validate with `references/checklist.md` before emitting') — matching anchor 4's clear sequence with a checkpoint. It misses anchor 5 because there is no feedback loop (e.g. 'if checklist P0 items fail, fix and re-validate') and the validation step does not state what to do on failure.

4 / 5

Progressive Disclosure

A resource map lists the bundle, both referenced paths (assets/template.html, references/checklist.md) exist and are one level deep, and the body stays a concise overview pointing to them — mostly anchor 5. The gap keeping it at anchor 4 is that the resource map and checklist P0 both list `example.html`, which is absent from the actual bundle, so one advertised reference is a dead path.

4 / 5

Total

17

/

20

Passed

Description

82%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 well-crafted description with explicit 'what' and 'when' clauses, natural trigger phrasing, and a highly distinctive niche. Its only weakness is that it describes the artifact as a noun phrase rather than listing concrete actions the skill performs.

Suggestions

Lead with an action verb (e.g. 'Generates a luxury dark-editorial HyperFrames template for three-page cinematic storyboards...') so the description states what the skill does, not just what it is.

Fold one or two natural synonyms from the triggers list (e.g. 'magazine-style cinematic slides') into the 'Use when' clause for broader natural-term coverage.

DimensionReasoningScore

Specificity

The description names the domain concretely ("Luxury dark-editorial HyperFrames template for three-page cinematic storyboards, inspired by haute couture title cards and magazine chapter spreads") but never states actions — there is no 'produces', 'generates', or 'creates' verb, only an artifact noun phrase. This matches anchor 3 (names domain with limited concrete actions); it is above anchor 2 because the domain and output form are specific rather than generic, but below anchor 4 because no list of specific actions is given.

3 / 5

Completeness

Both halves are explicit: the 'what' is "Luxury dark-editorial HyperFrames template for three-page cinematic storyboards..." and the 'when' is "Use when the user asks for premium fashion-style motion pages, moody serif-led storytelling, or a high-end dark presentation aesthetic with rich transitions" — matching the anchor-5 good example structure of what followed by concrete 'Use when' trigger phrases.

5 / 5

Trigger Term Quality

Natural user phrases are present: "premium fashion-style motion pages", "moody serif-led storytelling", "a high-end dark presentation aesthetic with rich transitions", plus domain nouns like 'haute couture' and 'magazine chapter spreads'. Good coverage matching anchor 4; it falls short of anchor 5 only because common synonyms users might say (e.g. 'slides', 'deck', 'dark fashion deck') appear in the frontmatter triggers list rather than the description text itself, and no file-format-style term is applicable.

4 / 5

Distinctiveness Conflict Risk

The niche is unmistakable — 'HyperFrames' template, 'haute couture', 'dark-editorial', 'three-page cinematic storyboards' — with trigger phrases unlikely to match generic presentation or document skills. This is a clear niche with distinct triggers and minimal conflict risk, matching anchor 5.

5 / 5

Total

17

/

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

frontmatter_unknown_keys

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

Warning

Total

15

/

16

Passed

Repository
nexu-io/open-design
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.