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.

59

Quality

68%

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

87%

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 high-density, actionable guideline set with executable examples and excellent progressive disclosure via real, one-level-deep reference files. The only gap is the lack of explicit validation or feedback loops in its workflows, which caps workflow clarity at 2.

Suggestions

Add an explicit verification step to the 'Running the App' flow (e.g. 'Confirm the app opens and the changed route renders before iterating further') to introduce a validation checkpoint.

De-duplicate the contentInsetAdjustmentBehavior / safe-area guidance so it is stated once and referenced, reducing token redundancy.

List ./references/form-sheet.md in the References section (it exists but is only covered inline) for consistency in navigation.

DimensionReasoningScore

Conciseness

The body is a lean, prescriptive rulebook of bullet-point directives with concise executable code samples and no explanation of concepts Claude already knows; minor redundancy (e.g. contentInsetAdjustmentBehavior mentioned a few times) does not rise to the level-2 verbosity anchor.

3 / 3

Actionability

It provides concrete, copy-paste-ready rules ('Always use kebab-case for file names, e.g. comment-card.tsx', 'expo-audio not expo-av') and complete executable examples for Link, Stack.Screen, modal, sheet, and layouts.

3 / 3

Workflow Clarity

The 'Running the App' section offers a clear sequenced decision flow (try Expo Go, test, only then custom build) with explicit criteria, but there are no validation checkpoints or feedback loops anywhere, capping this dimension at 2.

2 / 3

Progressive Disclosure

A well-signaled References section lists 11 one-level-deep reference files, each with a short description, and every referenced path resolves to a real file in ./references/; the body acts as an overview pointing to detail.

3 / 3

Total

11

/

12

Passed

Description

50%

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 is clearly scoped to Expo Router and lists relevant capability areas, but it reads as a topic enumeration rather than a concrete action list and omits any explicit trigger guidance. Adding a 'Use when...' clause with natural user terms would lift completeness and trigger quality.

Suggestions

Add an explicit 'Use when...' clause, e.g. 'Use when building or styling Expo Router / React Native apps, adding navigation, tabs, animations, or native UI controls.'

Lead with concrete actions instead of topic nouns, e.g. 'Build, style, and navigate Expo Router apps with native tabs, animations, and iOS controls.'

Include natural user variations such as 'React Native', 'Expo app', and 'mobile UI' to improve trigger-term coverage.

DimensionReasoningScore

Specificity

Names the domain ('building beautiful apps with Expo Router') and enumerates concrete topic areas ('styling, components, navigation, animations, patterns, and native tabs'), but describes topics rather than listing concrete actions like 'extract' or 'fill', so it stops short of the level-3 anchor.

2 / 3

Completeness

It states what the skill does (a guide covering listed topics) but provides no explicit 'when should Claude use it' trigger; per the rubric, a missing 'Use when...' clause caps completeness at 2.

2 / 3

Trigger Term Quality

Includes some natural terms a user might say ('Expo Router', 'navigation', 'animations', 'native tabs'), but misses common variations like 'React Native', 'Expo app', or 'mobile app UI' and lacks any 'Use when...' phrasing.

2 / 3

Distinctiveness Conflict Risk

The Expo Router niche is fairly distinct, but 'building beautiful apps' is broad and could overlap with generic React Native or styling skills, and the absence of explicit triggers leaves some conflict risk.

2 / 3

Total

8

/

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

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.