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.

55

Quality

63%

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-claude/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

65%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, actionable Expo UI guide with concrete code and clear rules, but its single workflow lacks explicit validation checkpoints and its otherwise well-structured references point to bundle files that are not actually present.

Suggestions

Ship the referenced bundle files (animations.md, controls.md, route-structure.md, etc.) so the progressive-disclosure navigation actually resolves, or remove references to files that are not provided.

Add an explicit validation/feedback step to the "Running the App" workflow (e.g. "If a required feature is unsupported in Expo Go, then create a custom build"), making the checkpoint and error-recovery path explicit.

Pair the styling and library-preference rules with a short inline code example so every actionable rule is concrete rather than declarative-only.

DimensionReasoningScore

Conciseness

The body is mostly lean directive bullets ("Never use…", "Always use…", "Prefer…") with short code examples and assumes Claude's competence; the "Running the App" decision guidance earns its place, with only minor trim opportunities.

4 / 5

Actionability

Provides concrete copy-paste code for Link, Stack.Screen, context menus, link previews, modals, sheets, and tab layouts plus specific commands ("npx expo start") and exact library/prop names; minor gaps exist where styling rules lack accompanying example code.

4 / 5

Workflow Clarity

The "Running the App" section gives a clear decision sequence (Expo Go → test → custom build only if needed) with an implicit checkpoint ("Check if features work"), but there is no explicit validation or error-recovery feedback loop, and most of the document is reference rules rather than a workflow.

3 / 5

Progressive Disclosure

The structural design is good — an overview with a well-signaled one-level-deep References block (per-file descriptions) and an inline pointer to "./references/route-structure.md" — but the references/ directory does not exist in the bundle, so the signaled references are not real files and navigation breaks.

3 / 5

Total

14

/

20

Passed

Description

61%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 identifies a specific niche (Expo Router app building) and lists good natural trigger terms, but it describes topic coverage rather than concrete actions and omits any explicit "Use when…" trigger guidance, capping completeness at 3.

Suggestions

Add an explicit "Use when…" clause naming concrete triggers, e.g. "Use when building or styling Expo Router apps, adding native tabs, navigation, or animations."

Reframe coverage areas as concrete actions (e.g. "Build, style, and navigate Expo Router apps") instead of the passive "Covers fundamentals, styling, components…".

Include common synonyms/file extensions users might say (e.g. "Expo", "React Native", ".tsx") to broaden trigger-term coverage.

DimensionReasoningScore

Specificity

Names the domain ("building beautiful apps with Expo Router") and lists coverage areas ("fundamentals, styling, components, navigation, animations, patterns, and native tabs"), but these are topic nouns framed by the weak verb "Covers" rather than concrete executable actions.

3 / 5

Completeness

It clearly states the "what" (a guide for building Expo Router apps covering named areas) but has no "Use when…" clause or equivalent explicit trigger guidance, which caps completeness at 3 per the judging guidelines.

3 / 5

Trigger Term Quality

Includes natural terms a user building Expo apps would say — "Expo Router", "native tabs", "navigation", "animations", "styling", "components" — with "Expo Router" as a strong specific trigger; a few synonyms or variations are missing.

4 / 5

Distinctiveness Conflict Risk

"Expo Router" plus "native tabs" carves a clear, low-conflict niche, but the absence of an explicit trigger phrase leaves minor overlap risk with general React Native / mobile-UI skills.

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