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.

50

Quality

55%

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

Quality

Content

68%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

This is a well-structured, practical skill that provides clear guidelines for building Expo Router apps. Its strengths are concrete code examples for navigation patterns, clear library preferences, and a well-organized reference system. Weaknesses include some verbosity in the Expo Go section, lack of explicit validation/verification workflows, and a few areas where rules are stated without accompanying code examples.

Suggestions

Trim the 'Running the App' / 'When Expo Go Works' section—Claude knows what Expo Go supports; a shorter decision rule ('Use Expo Go unless you need custom native modules, Apple targets, or third-party native code') would suffice.

Add a brief validation step or checklist for common operations like restructuring routes (e.g., 'After moving routes, verify no broken imports and test navigation paths').

DimensionReasoningScore

Conciseness

Generally efficient and assumes Claude's competence with React Native/Expo. The 'When Expo Go Works' section is slightly verbose listing things Claude would know, and the 'Running the App' section over-explains Expo Go vs custom builds. Most other sections are lean and directive.

4 / 5

Actionability

Provides concrete, executable code examples for navigation, context menus, link previews, sheets, modals, and route structure. The code is copy-paste ready. Minor gaps exist—some sections like 'Library Preferences' are directive rules without code examples, and some references are delegated to external files without inline snippets.

4 / 5

Workflow Clarity

The 'Running the App' section has a clear decision tree for Expo Go vs custom builds. However, there's no overall workflow for building an app from scratch, no validation/verification steps after creating routes or navigation structures, and the content reads more as a collection of rules than a sequenced process. For a guidelines-style skill this is acceptable but lacks checkpoints.

3 / 5

Progressive Disclosure

The references section at the top clearly lists 14 separate reference files with one-line descriptions, providing good one-level-deep navigation. The main SKILL.md serves as an overview with appropriate inline content. However, since no bundle files were provided, we can't verify the referenced files exist. Some sections (like the full route structure example) could arguably be in a reference file but are reasonably sized inline.

4 / 5

Total

15

/

20

Passed

Description

41%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 identifies the domain (Expo Router) and lists broad topic areas but lacks concrete actions and explicit trigger guidance. It reads more like a table of contents than a skill description, making it harder for Claude to determine when to select this skill over others. Adding specific capabilities and a 'Use when...' clause would significantly improve its effectiveness.

Suggestions

Add an explicit 'Use when...' clause with trigger phrases like 'Use when building mobile apps with Expo Router, setting up tab navigation, implementing screen transitions, or creating React Native layouts.'

Replace the topic listing with concrete actions, e.g., 'Sets up file-based routing, implements native tab bars, creates animated screen transitions, builds responsive layouts with Expo Router.'

Include additional trigger terms and synonyms such as 'React Native', 'mobile app', 'expo-router', 'stack navigation', 'bottom tabs', and 'screen navigation' to improve keyword coverage.

DimensionReasoningScore

Specificity

Names the domain (Expo Router apps) and lists several topic areas (styling, components, navigation, animations, patterns, native tabs), but these are categories rather than concrete actions. It says 'covers' topics rather than describing specific capabilities like 'creates tab navigation', 'implements animated transitions', etc.

3 / 5

Completeness

Has a moderate 'what' (covers fundamentals, styling, components, navigation, etc.) but completely lacks a 'when' clause. There is no explicit trigger guidance such as 'Use when...' to help Claude know when to select this skill. Per rubric guidelines, missing 'Use when...' caps completeness at 3, and the 'what' is also somewhat vague (topic listing rather than concrete actions), placing this at 2.

2 / 5

Trigger Term Quality

Includes relevant keywords like 'Expo Router', 'navigation', 'animations', 'native tabs', and 'styling', which users might mention. However, it's missing common variations and synonyms like 'React Native', 'mobile app', 'screen transitions', 'stack navigation', 'bottom tabs', or 'expo-router'.

3 / 5

Distinctiveness Conflict Risk

Mentioning 'Expo Router' specifically provides some distinctiveness, but the broad scope ('styling, components, navigation, animations, patterns') could overlap with general React Native skills, UI component skills, or animation-focused skills. The description doesn't clearly carve out a unique niche.

3 / 5

Total

11

/

20

Passed

Validation

90%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation10 / 11 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

Total

10

/

11

Passed

Repository
administrakt0r/AI-Agents-Safe-Coding-Skills
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.