Agent skill · frontend-design · expo

expo-native-ui agent skill by expo

Build beautiful, native-feeling Expo screens. Covers Apple HIG styling, semantic colors, native controls, SF Symbols, media, visual effects, gradients, storage, and responsive layout. For routing and navigation, use the expo-router skill; for motion and animation, use the expo-animation skill.

Source and license

Publisherexpo
Repositoryexpo/skills
LicenseMIT
Snapshot2026-10-22
Last repository commit2026-10-17
Instruction size1,653 words; 194 lines
Bundled files9

Read the publisher’s SKILL.md

Suede Skill Check: 75/100 · C

Report snapshot · · graded-v2

The rubric totals 100 points; published scores are capped at 99. Security scan: not scanned.

Source revision: 7ddc1f579699. Report version 454291b77d76. Badge URLs follow the latest listing; save the report to keep this version.

Download report · Request a fresh review

What to review next

  • Structural checks: 48 of 56 points. 8 points for each of the seven graded checks.
  • Boundary clause: 0 of 4 points. 4 when the description says when not to use the skill (“Not for …”, “Do not use …”, “Use … instead”).
  • Example request: 0 of 3 points. 3 when the description quotes an example request (3–60 characters in quotation marks).

Add declarations and bundled files when they describe the skill’s actual needs. Update the source, then request a fresh review with the changed commit or PR.

ComponentPoints earnedAvailable
Structural checks4856
Description length55
Boundary clause04
Example request03
Instruction depth77
Reference files33
Bundled scripts02
Recent maintenance99
Curated-list citations37
Tool permissions declared02
Compatibility declared02

The published score is capped at 99. It measures the published files, documentation and maintenance signals. Security scan: not scanned. This assessment does not include a runtime test or a full installation-dependency review.

Install expo-native-ui

The skills CLI works with Claude Code, Codex, Cursor and other agents; the other routes copy the folder by hand.

Skills CLI
npx skills add https://github.com/expo/skills/tree/main/plugins/expo/skills/expo-native-ui
Claude Code, project-level copy
tmp="$(mktemp -d)"
git clone --depth 1 https://github.com/expo/skills.git "$tmp/repo"
mkdir -p .claude/skills
cp -R "$tmp/repo/"plugins/expo/skills/expo-native-ui .claude/skills/
rm -rf "$tmp"
Codex, project-level copy
tmp="$(mktemp -d)"
git clone --depth 1 https://github.com/expo/skills.git "$tmp/repo"
mkdir -p .agents/skills
cp -R "$tmp/repo/"plugins/expo/skills/expo-native-ui .agents/skills/
rm -rf "$tmp"

For a user-level install, copy the folder to ~/.claude/skills/ (Claude Code) or ~/.agents/skills/ (Codex). Inside Codex, $skill-installer can also fetch a skill from GitHub. New to skills? Read How to install agent skills in Claude Code, Codex and Cursor.

expo/skills is third-party code. Read SKILL.md and any bundled scripts before you install it.

Show the listing and raise the score

expo-native-ui is listed with 75/100 · C. This badge links to its Suede AI listing. Skills scoring 80–99 add a numeric and a letter quality shield; the largest open points for expo-native-ui are structural checks (8), boundary clause (4) and example request (3). Send your repository and the points you want to raise, then request a fresh review after updating the skill. Publishers: read How to get your agent skill found in search and cited by AI assistants.

Suede AI Skills Directory: listed

Markdown
[![Suede AI Skills Directory: listed](https://suedeai.directory/badge.svg)](https://suedeai.directory/expo/skills/expo-native-ui/)
HTML
<a href="https://suedeai.directory/expo/skills/expo-native-ui/"><img src="https://suedeai.directory/badge.svg" alt="Suede AI Skills Directory: listed" height="20"></a>

Compare skills for this task

Browse frontend-design skills or compare scores side by side.