CtrlK
BlogDocsLog inGet started
Tessl Logo

gamified-app

A multi-frame gamified mobile-app prototype — three phone frames on a dark showcase stage. Frame 1: cover / poster, Frame 2: today's quests with XP ribbons and a level bar, Frame 3: quest detail. Vivid quest tiles, level ribbon, bottom tab bar. Use when the brief asks for a "gamified app", "habit tracker", "RPG-style life app", "level-up app", "daily quests", "XP / streak app", or "ELI5-style explainer app".

74

Quality

93%

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

SKILL.md
Quality
Evals
Security

Quality

Content

90%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 dense, well-sequenced design spec: concrete numbers, colors, and per-screen content with a clear output contract and a self-check. The only gaps are a missing remediation loop behind the self-check and a body slightly longer than the simple-skill threshold that keeps it from a perfect progressive-disclosure score.

Suggestions

In step 9 (Self-check), add a short remediation hint per check (e.g. 'if frames look like copies, differentiate purpose/value per frame; if tiles overpower, desaturate pastels toward the neutral surface') to close the validate→fix loop and lift workflow clarity to the top anchor.

Consider moving the per-frame content specs (steps 5–7) into a references/ file (e.g. frames.md) to slim the body below the ~50-line simple-skill threshold and make the top-level overview lighter.

Step 6's level ribbon text 'LV 14 · Level 14 · 1648 / 2480 XP' duplicates the level number twice — tighten the copy pattern so generated screens don't repeat it verbatim.

DimensionReasoningScore

Conciseness

The body is lean and assumes Claude's competence: no explanation of HTML/CSS or design concepts, every line is spec ('12px black bezel, 44px corner radius', 'near-black #0e0d0c', '3×2 grid of quest tiles'). The quest-name examples and color note are load-bearing guidance, not padding — matching 'every token earns its place'.

5 / 5

Actionability

Guidance is concrete and executable for a design/prototyping skill: exact dimensions (360×780 frames), hex token (#0e0d0c), per-frame content lists, a tab-bar spec, an explicit 'no images, use linear-gradient and inline SVG' constraint, and a copy-paste artifact output template with identifier/type/title. Per the scoring notes, absence of code in an instruction-only skill is not penalized when guidance is this specific.

5 / 5

Workflow Clarity

A clear 9-step sequence (read DS → pick brand → stage → phones → per-frame content → write → self-check) with a step-9 checklist ('Three frames, each with a distinct purpose', 'Tile colors don't overpower', 'Reads as gamified and adult'). It falls short of anchor 5 because the self-check lists criteria but gives no remediation loop (what to change if a check fails), fitting anchor 4's 'clear sequence with most checkpoints present; minor validation gaps'. This is not a destructive/batch operation, so no cap applies.

4 / 5

Progressive Disclosure

The skill is self-contained: no references/, scripts/, or assets/ bundle exists, and the only external mention ('Read the active DESIGN.md (injected above)') is a platform-injected file, clearly signaled. Sections are well organized (Workflow, Output contract) and nothing belongs in a separate file, fitting anchor 4's 'good structure; most content appropriately placed'. It does not take the anchor-5 exception because the body is ~74 lines — over the simple-skill (<50 line) threshold — even though the organization is clean.

4 / 5

Total

18

/

20

Passed

Description

95%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 strong description: it concretely specifies the artifact (three framed screens, their content, and visual elements) and pairs it with an explicit, synonym-rich 'Use when' clause. Third-person voice is used, no buzzword padding, and the trigger set is highly distinctive of the gamified niche.

DimensionReasoningScore

Specificity

The description names concrete deliverables — 'three phone frames on a dark showcase stage', 'Frame 1: cover / poster, Frame 2: today's quests with XP ribbons and a level bar, Frame 3: quest detail', 'Vivid quest tiles, level ribbon, bottom tab bar' — which is specific and near-comprehensive for a design skill. It stops short of anchor 5 because it describes one prototype artifact's components rather than a list of multiple distinct concrete actions, and it is well above anchor 3's '1-2 concrete actions' bar.

4 / 5

Completeness

It explicitly answers 'what' ('A multi-frame gamified mobile-app prototype — three phone frames... Frame 3: quest detail') and 'when' ('Use when the brief asks for a "gamified app", "habit tracker", ...') with concrete trigger phrases. This directly matches the anchor-5 example structure and is not the anchor-4 case, since the 'when' clause is explicit and specific rather than improvable.

5 / 5

Trigger Term Quality

The 'Use when' clause enumerates natural user phrasings with synonyms — "gamified app", "habit tracker", "RPG-style life app", "level-up app", "daily quests", "XP / streak app", "ELI5-style explainer app" — and the frontmatter triggers list adds more variations including CJK terms ("游戏化", "习惯打卡"). This is comprehensive synonym coverage matching the anchor-5 example's breadth.

5 / 5

Distinctiveness Conflict Risk

The niche is tightly defined — a gamified RPG-style prototype showcase with XP/quest/level triggers — making it unlikely to fire for unrelated skills. Terms like "habit tracker" carry only minimal overlap risk with a generic tracker brief, and the gamified framing throughout disambiguates; this fits 'clear niche with distinct triggers; minimal conflict risk'.

5 / 5

Total

19

/

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.