CtrlK
BlogDocsLog inGet started
Tessl Logo

module-style

Build a CSS-only theming module

59

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 ./app/src/main/assets/skills/module-style/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

87%

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

The body is a tight, highly actionable spec with complete code examples and clean section organization. Its only gap is workflow clarity: the CSS 'workflow' is a list of principles without an explicit verification step for the produced module.

DimensionReasoningScore

Conciseness

The body is lean — a one-line opener, a copy-paste module.json, a one-line main.js stub, and terse bulleted guidance — with no padding explaining concepts Claude already knows; every section earns its place, matching the 'lean and efficient' anchor.

3 / 3

Actionability

It provides a complete, copy-paste-ready module.json manifest, an executable main.js stub, and concrete directives (urlMatches scoping, runAt DOCUMENT_START, CSS variables over !important), matching 'fully executable code/commands; copy-paste ready'.

3 / 3

Workflow Clarity

The output file list and CSS workflow give a clear shape, and the 'Working with the user' section defines an iterative loop, but the numbered CSS items are principles rather than a strictly sequenced process and there is no explicit validation/verification checkpoint, matching 'steps listed but checkpoints missing or implicit'.

2 / 3

Progressive Disclosure

There are no bundle files and the body is short and well-organized into clearly headed sections (Output, main.js stub, module.json essentials, CSS workflow, Don't, Optional Panel UI, Working with the user), so per the simple-skills note well-organized sections alone earn the top anchor.

3 / 3

Total

11

/

12

Passed

Description

50%

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 concise and names its niche, but it only states what the skill does without an explicit 'Use when...' trigger or a broad set of natural user terms. This leaves every dimension at the mid-level rather than the top anchor.

Suggestions

Append an explicit trigger clause, e.g. 'Use when the user wants to restyle a site, switch it to dark mode, or apply a theme without changing its behaviour.'

List concrete actions and natural terms users would actually say — 'restyle', 'dark mode', 'theme', 'change colors' — rather than only the generic 'Build a ... theming module'.

Add the distinguishing constraint ('CSS-only, no JavaScript') into the description so it is less likely to be picked over a full module-js skill.

DimensionReasoningScore

Specificity

The phrase "Build a CSS-only theming module" names a concrete domain (CSS-only theming) and a single action (build a module), but does not list multiple specific concrete actions, matching the 'names domain and some actions, not comprehensive' anchor rather than the multi-action level 3.

2 / 3

Completeness

It clearly answers 'what' (build a CSS-only theming module) but contains no 'Use when...' trigger clause in the description field; per the guidelines a missing explicit trigger caps completeness at 2, and it is not the level-1 case since 'what' is present.

2 / 3

Trigger Term Quality

It surfaces relevant keywords ("CSS", "theming", "module") a user might say, but misses common natural variations such as 'restyle', 'dark mode', or 'theme', matching 'some relevant keywords but missing common variations'.

2 / 3

Distinctiveness Conflict Risk

The CSS-only-theming niche is somewhat specific, but with no explicit trigger in the description it could still overlap with general styling or full-module skills, matching 'somewhat specific but could still overlap' rather than the distinct-trigger level 3.

2 / 3

Total

8

/

12

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.

Validation15 / 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
shiaho777/web-to-app
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.