CtrlK
BlogDocsLog inGet started
Tessl Logo

fiction

A playful, energetic, cartoonesque interface inspired by friendly children's-book illustrations — warm cream backgrounds, big bold custom display typography, saturated brand color blocks, thick black outlines, generously rounded shapes

48

Quality

51%

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 ./skills/fiction/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

85%

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 concise, well-structured instruction skill with a clear sequenced authoring workflow and validation checkpoints via Quality Gates and a QA checklist. Its main weakness is actionability: it gives excellent rules and constraints but no worked example of a generated guideline to anchor the output.

Suggestions

Include one short worked example of a completed Fiction guideline (e.g., a Button component rule with anatomy, states, and token usage) so the expected output is unambiguous and copy-paste ready.

Tie the 'Example Constraint Language' section to that example so 'must'/'should' and do/don't pairing are shown in context.

Optionally surface a minimal acceptance-criteria snippet template to make the accessibility QA checklist executable in code review.

DimensionReasoningScore

Conciseness

The body is lean and opinionated: tight bullets for tokens, spacing, rules, and gates with no padding or re-explanation of concepts Claude already knows, so every token earns its place.

3 / 3

Actionability

Guidance is concrete and specific (explicit token hex values, the full state list 'default, hover, focus-visible, active, disabled, loading, error', 'must'/'should' language, a QA checklist), but it never provides a fully-worked example artifact showing the intended output guideline.

2 / 3

Workflow Clarity

The numbered 'Guideline Authoring Workflow' (restate intent → tokens → components → a11y → anti-patterns → QA checklist) gives a clear sequence, and the closing QA checklist plus Quality Gates act as explicit validation checkpoints.

3 / 3

Progressive Disclosure

A single self-contained body well under 50 lines, organized into clearly labeled sections with no external bundle files; per the rubric's simple-skill note, this qualifies for full marks.

3 / 3

Total

11

/

12

Passed

Description

17%

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 vividly characterizes a visual aesthetic but reads as design mood-board copy rather than a skill description: it states no concrete actions and omits any 'Use when' trigger guidance. It is distinguishable by aesthetic but weak on completeness and natural trigger terms.

Suggestions

Reframe the description in third-person capability terms (e.g., 'Authors Fiction design-system guidelines ...') and append a 'Use when generating Fiction component rules, tokens, or accessibility guidance' clause.

Add natural trigger terms users would actually say, such as 'Fiction design system', 'design tokens', 'component guidelines', or 'brand styling'.

Lead with what the skill does, then keep the aesthetic description as a single clause rather than the entire description.

DimensionReasoningScore

Specificity

Names a concrete aesthetic domain with several specific visual elements ('warm cream backgrounds', 'thick black outlines', 'saturated brand color blocks'), but does not list concrete skill actions like guideline generation; it describes a look rather than capabilities.

2 / 3

Completeness

It conveys an aesthetic 'what' but never states 'when' to use the skill; there is no 'Use when...' clause or equivalent trigger guidance, capping completeness per the rubric guidelines.

1 / 3

Trigger Term Quality

Phrases like 'cartoonesque interface', 'generously rounded shapes', and 'flat surfaces with almost no shadows' are descriptive adjectives, not natural keywords a user would actually say when needing this skill.

1 / 3

Distinctiveness Conflict Risk

The niche aesthetic ('children's-book illustrations', 'thick black outlines') is fairly distinctive, but trigger overlap with other brand/design-system skills is unaddressed, so it could still overlap with similar styling skills.

2 / 3

Total

6

/

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

metadata_version

'metadata.version' is missing

Warning

Total

15

/

16

Passed

Repository
bergside/awesome-design-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.