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 ./plugins/AI-Agents-Safe-Coding-Skills/skills/building-native-ui/SKILL.md

The canonical home for this skill is building-native-ui in administrakt0r/AI-Agents-Safe-Coding-Skills

SKILL.md
Quality
Evals
Security

Quality

Content

75%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 an efficient, highly actionable reference of Expo Router rules and navigation code with a clear Expo-Go-first workflow. Its main weakness is progressive disclosure: the listed reference files do not exist on disk, so the well-organized pointers lead nowhere.

Suggestions

Provide the referenced files under references/ (animations.md, route-structure.md, tabs.md, etc.) so the signaled navigation actually resolves.

Add an explicit feedback loop to the run workflow (e.g. 'if Expo Go errors on a missing native module, switch to a custom build').

Move the full context-menu and route-layout code examples into their referenced files to keep SKILL.md a tighter overview.

DimensionReasoningScore

Conciseness

Mostly lean imperative bullet rules that assume Claude's competence ('expo-audio not expo-av', 'process.env.EXPO_OS not Platform.OS'), with minor over-explanation in the 'Running the App' prose that could be trimmed.

4 / 5

Actionability

Concrete, mostly copy-paste-ready code for Link, context menus, modal/sheet presentation, and route layouts plus exact package names, with minor gaps (undefined handlers like handleSharePress, no full styling code example).

4 / 5

Workflow Clarity

The 'Running the App' sequence is clearly ordered with a test checkpoint (try Expo Go, check features, custom build only when required), though it lacks an explicit validate-fix-retry feedback loop.

4 / 5

Progressive Disclosure

A dedicated, well-signaled References section lists one-level-deep bundle files with descriptions and the body points to ./references/route-structure.md, but the references/ directory does not actually exist so navigation is broken and some inline navigation code could be split out.

4 / 5

Total

16

/

20

Passed

Description

66%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 states what the skill covers and uses a specific, mostly-distinct niche, but it omits any 'Use when...' trigger guidance, which caps completeness. Some buzzword padding ('beautiful') slightly weakens specificity.

Suggestions

Add an explicit 'Use when...' clause naming concrete triggers, e.g. 'Use when building Expo Router apps, adding native tabs, animations, or iOS-style navigation.'

Trim vague qualifiers like 'beautiful' in favor of more concrete capability verbs (build, style, navigate, animate).

Include synonyms such as 'React Native' or 'Expo app' to broaden natural trigger coverage.

DimensionReasoningScore

Specificity

Names the domain ('building beautiful apps with Expo Router') and lists several concrete coverage areas ('styling, components, navigation, animations, patterns, and native tabs'), though these are topics rather than discrete actions and 'beautiful' is mild fluff.

4 / 5

Completeness

Has a clear 'what' but no 'Use when...' clause or equivalent explicit trigger guidance, capping completeness at 3 per the rubric.

3 / 5

Trigger Term Quality

Good natural keyword coverage users would actually say ('Expo Router', 'navigation', 'animations', 'native tabs', 'styling', 'components'), missing a few synonyms like 'React Native' or 'Expo app'.

4 / 5

Distinctiveness Conflict Risk

'Expo Router' pins a clear niche with mostly distinct triggers, with minor overlap risk against general React Native or UI styling skills.

4 / 5

Total

15

/

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