CtrlK
BlogDocsLog inGet started
Tessl Logo

building-native-ui

Complete guide for building beautiful apps with Expo Router. Covers fundamentals, styling, components, navigation, animations, patterns, and native tabs.

60

Quality

70%

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 ./config/claude/skills/building-native-ui/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

82%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 a well-structured, mostly lean overview with strong actionable code and a clean progressive-disclosure layout pointing to 12 real reference files. Its main weakness is the absence of explicit validation/feedback checkpoints in workflows and a few inline code blocks that could be externalized.

DimensionReasoningScore

Conciseness

Mostly efficient rule-lists and short executable code blocks with little over-explanation of concepts Claude already knows, though a few prose asides ('Expo Go supports a huge range of features...', 'Creating custom builds adds complexity...') could be trimmed.

4 / 5

Actionability

Provides copy-paste-ready code for the common cases (Link, Stack.Screen, NativeTabs layouts, form sheets) plus concrete library substitutions ('expo-audio not expo-av', 'expo-symbols not @expo/vector-icons'), fully covering the common cases.

5 / 5

Workflow Clarity

The 'Running the App' section gives a clear numbered sequence with a decision checkpoint (try Expo Go first, custom build only when X), but most other sections are rule lists without explicit validation checkpoints; minor gaps keep it just below 5.

4 / 5

Progressive Disclosure

The body is an overview with a clearly signaled one-level-deep References list (12 real files, each with a one-line description) and detailed material offloaded to those references; a few sizable inline code examples (Link menus, sheets) could arguably live in references, holding it at 4.

4 / 5

Total

17

/

20

Passed

Description

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

The description clearly names the domain and coverage areas but omits any explicit 'when to use' trigger guidance, which caps its completeness. It is mostly distinct and reasonably specific, but lacks the natural trigger phrases and synonyms that would push it higher.

Suggestions

Add an explicit 'Use when...' clause, e.g. 'Use when building or styling Expo Router apps, native tabs, or iOS-native UI with Expo'.

Include synonyms users actually say, such as 'Expo', 'React Native', and 'Expo Router layout', to improve trigger-term coverage.

Lead with concrete verbs ('Build', 'Style', 'Navigate') instead of a topic list to raise specificity toward a 5.

DimensionReasoningScore

Specificity

Names the domain (Expo Router / native UI) and lists several concrete coverage areas ('styling, components, navigation, animations, patterns, and native tabs'), though it enumerates topics rather than concrete build actions, keeping it just below a 5.

4 / 5

Completeness

Gives a clear 'what' (a guide for building apps with Expo Router covering named areas) but provides no explicit 'Use when...' or equivalent trigger guidance, capping completeness at 3 per the rubric guideline.

3 / 5

Trigger Term Quality

Includes natural terms a user would say ('Expo Router', 'native tabs', 'components', 'navigation', 'animations') but misses common variations and synonyms like 'Expo', 'React Native', or file extensions.

3 / 5

Distinctiveness Conflict Risk

The Expo Router + native tabs framing carves a fairly distinct niche with minimal overlap risk; the generic phrase 'beautiful apps' adds only minor overlap, so it sits above the midpoint.

4 / 5

Total

14

/

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.

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
freekmurze/dotfiles
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.