CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

mobile-app

A mobile-app screen rendered inside a pixel-accurate iPhone 15 Pro frame on the page. Built by copying the seed `assets/template.html` and pasting one screen archetype from `references/layouts.md`. Use when the brief asks for "mobile app", "iOS app", "Android app", "phone screen", or "app UI".

73

Quality

92%

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

92%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 tight, high-signal skill body: a five-step workflow with concrete file operations, a decision table for archetype selection, and an explicit checklist-based self-check, with detailed material correctly pushed to one-level-deep reference files. The only flaw is minor redundancy where the frame-protection rule is stated three times.

DimensionReasoningScore

Conciseness

The body is lean and assumes competence ("Copy `assets/template.html` to the project root as `index.html`. Replace the six `:root` variables...") with no explanations of concepts Claude already knows. However, the frame-protection rule ("Dynamic Island, status bar SVGs, and home indicator") is repeated nearly verbatim in Step 0, Step 4, and Hard rules — minor redundancy that could be trimmed, placing it at the 4 anchor rather than 5 ('every token earns its place').

4 / 5

Actionability

Guidance is fully concrete and executable: exact source and destination files ("Copy `assets/template.html` to the project root as `index.html`"), exact edit targets ("Replace the six `:root` variables", "Drop the `<nav class="tabbar">` block entirely"), a brief-language→archetype decision table, and a copy-ready `<artifact>` emit template. As an instruction-only skill, the guidance is copy-paste actionable, matching the 5 anchor; there are no pseudocode or vague directives that would drop it to 4.

5 / 5

Workflow Clarity

Steps 0–5 are clearly sequenced (read seed → copy → pick archetype → paste/fill → self-check → emit) with an explicit validation checkpoint: "Run through `references/checklist.md`" plus focused attention items (tap targets, accent budget, serif display headings). This is a non-destructive single-artifact task, and the checklist-based validation matches the 5 anchor (explicit validation steps and a checklist); 4 would require only implicit checkpoints.

5 / 5

Progressive Disclosure

The body is a concise overview with a resource map showing the bundle layout, and all content is appropriately split one level deep into verified files: archetypes in `references/layouts.md` ("6 screen archetypes"), checks in `references/checklist.md` ("P0/P1/P2 self-review"), and the seed in `assets/template.html` — all of which exist and match their described roles. References are clearly signaled with READ-FIRST markers, matching the 5 anchor exactly.

5 / 5

Total

19

/

20

Passed

Description

91%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 states concrete capabilities in third person, defines a clear niche, and pairs an explicit 'Use when' clause with natural, platform-synonym trigger phrases. Only minor improvements are possible around breadth of action coverage and the slightly broad "app UI" trigger.

DimensionReasoningScore

Specificity

Quotes: "A mobile-app screen rendered inside a pixel-accurate iPhone 15 Pro frame", "Built by copying the seed `assets/template.html` and pasting one screen archetype from `references/layouts.md`" — several concrete, specific actions (render in device frame, copy seed, paste archetype) with only minor gaps (no mention of design-token mapping or the self-check step). Fits the '4' anchor (several specific actions, minor gaps) rather than 5, which would require comprehensive coverage of all capabilities.

4 / 5

Completeness

Quotes: what — "A mobile-app screen rendered inside a pixel-accurate iPhone 15 Pro frame... Built by copying the seed... and pasting one screen archetype"; when — "Use when the brief asks for 'mobile app', 'iOS app', 'Android app', 'phone screen', or 'app UI'". Both what and when are explicit and concrete, exactly matching the 5 anchor; 4 would require a weaker or less explicit 'when'.

5 / 5

Trigger Term Quality

Quotes: "mobile app", "iOS app", "Android app", "phone screen", "app UI" — comprehensive natural-phrase coverage including the platform synonyms a user would naturally say. Clearly matches the 5 anchor (synonyms covered) rather than 4 ("a few natural terms missing") since the major phrasings are all present; only niche variants like "app mockup" are absent from the description body.

5 / 5

Distinctiveness Conflict Risk

Quotes: "pixel-accurate iPhone 15 Pro frame", "app UI" — the niche (mobile screen mockups inside a device frame) is well-defined and distinct, but "app UI" is slightly broad and could overlap with closely related general UI/design-prototype skills. Matches the 4 anchor (mostly distinct, minor overlap risk) rather than 5, which demands minimal conflict risk.

4 / 5

Total

18

/

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

Path

design-templates/mobile-app/SKILL.md

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.