CtrlK
BlogDocsLog inGet started
Tessl Logo

building-ui

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

56

Quality

64%

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 ./src/ii_agent/agents/skills/builtin/expo-building-ui/SKILL.md

The canonical home for this skill is building-native-ui in freekmurze/dotfiles

SKILL.md
Quality
Evals
Security

Quality

Content

78%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 content is a well-structured, action-dense reference: concrete library and prop guidance, executable code examples, a clear Expo Go vs custom-build decision flow, and excellent progressive disclosure via 12 well-signaled one-level-deep reference files. Only minor verbosity in the Expo Go section and the absence of a full runnable example keep it from top marks.

DimensionReasoningScore

Conciseness

The body is mostly lean bullet directives with minimal code and assumes Claude's competence; the only padding is the 'Running the App' section restating 'try Expo Go first' several times, which keeps it just below a 5.

4 / 5

Actionability

Provides concrete, copy-paste-ready guidance — exact library swaps ('expo-audio not expo-av'), specific props ('contentInsetAdjustmentBehavior="automatic"', 'borderCurve: continuous'), and full code for Link menus and form sheets — with only minor gaps like a complete end-to-end runnable example.

4 / 5

Workflow Clarity

The 'Running the App' section sequences Expo Go first, feature testing, then a gated 'custom build only when required' decision with explicit criteria; as a guidelines skill it has no destructive batch pipeline needing validation, so this clear gating flow lands at 4 rather than 5.

4 / 5

Progressive Disclosure

The body is an overview that points to 12 real, one-level-deep reference files, each with a clear one-line description and inline 'See ./references/...' signals; all referenced paths exist and content is appropriately split for easy navigation.

5 / 5

Total

17

/

20

Passed

Description

50%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 is a clear domain-and-coverage statement for Expo Router app building, but it reads as a topical table of contents rather than a triggered, action-oriented declaration. Adding an explicit 'Use when...' clause and concrete actions would lift specificity and completeness.

Suggestions

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

Replace topical categories with concrete actions ('Configure native tab bars', 'Add Reanimated entering/exiting animations', 'Style with boxShadow and liquid glass').

Include common user phrasings like 'React Native', 'mobile app', and 'Expo' to improve natural-trigger matching.

DimensionReasoningScore

Specificity

Names the Expo Router domain and enumerates several specific coverage areas (styling, components, navigation, animations, patterns, native tabs), but these are topical categories rather than concrete actions Claude performs, matching the score-3 anchor rather than the more action-oriented score-4.

3 / 5

Completeness

The description gives a clear 'what' (building apps with Expo Router) but provides no explicit 'when'/'Use when...' guidance; per the rubric a missing trigger clause caps completeness at 3.

3 / 5

Trigger Term Quality

Includes relevant natural terms like 'Expo Router', 'navigation', 'animations', and 'native tabs', but omits common variations users actually say ('React Native', 'mobile app', 'Expo') and is missing a 'Use when...' trigger phrase.

3 / 5

Distinctiveness Conflict Risk

'Building beautiful apps with Expo Router' carves a recognizable niche, but the broad styling/components/navigation coverage overlaps with general React Native skills, so overlap risk remains moderate.

3 / 5

Total

12

/

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
Intelligent-Internet/ii-agent
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.