CtrlK
BlogDocsLog inGet started
Tessl Logo

light-mode-paper-technical

Create a light-mode technical design system with warm paper surfaces, dark outer framing, subtle diagonal texture, precise bracketed geometry, and restrained accent signals.

52

Quality

58%

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 ./agent-skills/web-design/light-mode-paper-technical/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

57%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 compact, well-sectioned styling direction with concrete visual vocabulary and no wasted explanation, but it repeats its core framing idea across three sections, provides no concrete values or examples to execute against, and ships an empty Workflow header. Consolidating the redundant framing guidance and either filling or removing the Workflow section, plus adding a few concrete tokens or an example, would lift the weakest dimensions.

Suggestions

Remove the empty '## Workflow' section or replace it with an actual ordered sequence (e.g. palette -> surfaces -> framing -> typography -> accent -> motion).

Consolidate the dark-outer-shell/light-interior guidance, which is stated nearly identically in 'Visual target', 'Implementation guidance', and 'Recommended patterns', into one section.

Add a few executable anchors — a starter warm-neutral/accent token set (hex values), radius/shadow guidance, or one worked example composition — to convert abstract direction into concrete guidance.

DimensionReasoningScore

Conciseness

The body is bullet-based with no padding about concepts Claude already knows, but the core framing idea is restated three times across sections ('Wrap the lighter interior inside a darker outer shell', 'light paper interior placed against a darker page background', 'Dark outer page with a large light rounded container holding the whole experience'), so it could be meaningfully tightened.

3 / 5

Actionability

The guidance uses a concrete visual vocabulary ('thin borders, inset rules, L-brackets, tiny corner details', 'mono utility text for timestamps, captions, browser chrome', 'masked headline reveals, fade-up sections'), but there are no executable specifics — no palette values, spacing/radius measurements, or a worked example composition — leaving key details missing.

3 / 5

Workflow Clarity

The '## Workflow' section is completely empty (a header immediately followed by '## Scope'), and the body is unsequenced direction material rather than a process; the section organization is readable but no ordered procedure or checkpoints exist, matching the 'steps present but checkpoints missing' anchor.

3 / 5

Progressive Disclosure

The skill is under 50 lines, self-contained, with no bundle files and no need for external references; its sections (Scope, Visual target, Implementation guidance, Recommended patterns, Tuning knobs, Avoid) are well-organized and easy to navigate, which per the simple-skill guideline merits a 5.

5 / 5

Total

14

/

20

Passed

Description

58%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 gives a specific, well-differentiated statement of what the skill produces, but entirely omits when to use it. Adding an explicit 'Use when...' clause with natural trigger phrases would raise both completeness and trigger-term quality.

Suggestions

Append a 'Use when...' clause with natural user phrasing, e.g. 'Use when the user asks for a light mode, paper-like, or warm technical design system, light UI theme, or paper texture aesthetic.'

Include common synonyms and variations users would say (light mode, light theme, warm neutral palette, paper texture, editorial-technical) so trigger matching covers natural phrasings.

Briefly extend the 'what' with the body's additional coverage areas (typography, motion, navigation, mockups) to close the remaining specificity gap.

DimensionReasoningScore

Specificity

The description lists several concrete visual components ('warm paper surfaces, dark outer framing, subtle diagonal texture, precise bracketed geometry, and restrained accent signals'), matching the 'several specific actions with minor gaps' anchor; it stops short of comprehensive coverage (typography, motion, and layout from the body are omitted).

4 / 5

Completeness

It has a clear 'what' (create a light-mode technical design system with the listed visual attributes) but no 'when' — no 'Use when...' clause or equivalent trigger guidance exists anywhere in the description, which per the judging guidelines caps completeness at 3.

3 / 5

Trigger Term Quality

'light-mode', 'technical design system', and 'paper' are relevant keywords, but the description contains no natural trigger phrases, synonyms, or variations a user would actually say ('light mode UI', 'paper texture', 'warm palette'), matching the 'some relevant keywords but missing common variations' anchor.

3 / 5

Distinctiveness Conflict Risk

The paper-technical light-mode styling lane is a fairly distinct niche with concrete differentiators, giving only minor overlap risk with generic light-mode or design-system skills; it lacks the explicit trigger phrases needed for a clear, conflict-free niche.

4 / 5

Total

14

/

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.

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
MengTo/Skills
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.