CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

mobile-onboarding

A multi-screen mobile onboarding flow rendered as three phone frames side by side — splash, value-prop, sign-in. Status bar, swipe dots, primary CTA. Use when the brief mentions "mobile onboarding", "iOS onboarding", "phone signup", or "移动端引导".

64

Quality

81%

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

68%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.

The body is admirably lean and well organized for a simple design skill, and its output contract is unambiguous. Its main weakness is executability: the opening step depends on a DESIGN.md that is not in the bundle, and the workflow contains no verification step, leaving the reader to fill in real gaps.

Suggestions

Resolve the 'Read DESIGN.md' step: either ship DESIGN.md in the bundle (e.g., references/DESIGN.md) or inline/replace the brief-reading step so the workflow is executable as distributed.

Add an explicit validation checkpoint before output, e.g. 'Verify WCAG contrast on text over gradients and confirm each phone has all six elements before emitting the artifact.'

Add one or two concrete design specifics (phone frame dimensions/aspect ratio, safe-area insets, or a sample headline treatment) so the layout instructions are copy-paste actionable rather than purely structural.

DimensionReasoningScore

Conciseness

The ~25-line body is lean and assumes Claude's competence: terse imperatives like 'Strong typography, gentle gradients, accessible contrast' and a compact per-phone element list, with zero explanation of concepts Claude already knows. Every token earns its place, matching the top anchor.

5 / 5

Actionability

The workflow gives concrete structural guidance (status bar, hero, headline, 3-dot pagination, full-width pill CTA) and an explicit output contract with a copy-paste artifact tag, but key details are missing and the first step — 'Read DESIGN.md' — points to a file that does not exist in the bundle, making it unexecutable as written. This fits the anchor for concrete-but-incomplete guidance with missing key details rather than the mostly-executable level above.

3 / 5

Workflow Clarity

Steps 1–5 are sequenced coherently (read brief, identify audience, lay out three phones, make the last phone sign-in, apply styling), matching 'steps listed but checkpoints missing or implicit'. It cannot reach 4–5 because step 1 references a nonexistent file and there is no verification or review checkpoint anywhere (e.g., a contrast/QA check before emitting the artifact), while step 5 is a style directive rather than a process step.

3 / 5

Progressive Disclosure

The skill is under 50 lines with no bundle files and clean section organization ('## Workflow', '## Output contract'), which would ordinarily merit a 5 under the simple-skill exception. It drops to 4 because the body's only reference — 'Read DESIGN.md' — is dangling, so navigation to supporting material is broken rather than clearly signaled.

4 / 5

Total

15

/

20

Passed

Description

87%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 exactly what the skill produces, enumerates the concrete UI elements, and gives an explicit 'Use when...' clause with natural trigger phrases including a non-English synonym. The only soft spot is that the trigger list inside the description omits a couple of variations ('android onboarding', 'app onboarding') that the frontmatter already tracks.

DimensionReasoningScore

Specificity

The description lists several concrete deliverable elements — 'three phone frames side by side', 'Status bar, swipe dots, primary CTA', 'splash, value-prop, sign-in' — which matches the anchor for several specific actions with minor gaps. It stops short of a 5 because the action side is thin: 'A multi-screen mobile onboarding flow rendered' is the only verb phrase, and it doesn't state what is produced beyond the artifact layout.

4 / 5

Completeness

Both questions are answered explicitly: the 'what' is concrete ('A multi-screen mobile onboarding flow rendered as three phone frames side by side — splash, value-prop, sign-in') and the 'when' is an explicit trigger clause with concrete phrases ('Use when the brief mentions "mobile onboarding", "iOS onboarding", "phone signup", or "移动端引导"'). This matches the top anchor exactly.

5 / 5

Trigger Term Quality

Natural phrases a user would say are present ('"mobile onboarding"', '"iOS onboarding"', '"phone signup"', '"移动端引导"'), giving good keyword coverage. Not a 5 because common variations are missing from the description itself — e.g. 'android onboarding' and 'app onboarding' appear in the frontmatter triggers list but not in the description text.

4 / 5

Distinctiveness Conflict Risk

It carves a clear niche — a three-screen mobile onboarding design prototype — with distinct, specific triggers ('mobile onboarding', 'phone signup', '移动端引导') unlikely to collide with other skills. Nothing generic remains that would overlap with broader design or document skills.

5 / 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-onboarding/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.