Skip to content
MeloSkill

Mobile UI

React Native and Expo UI skills for coding agents

Native-feeling screens, Expo design tokens, and React Native performance. Still interface work — not EAS billing or store submission.

Last reviewed 2026-09-10 · Methodology · How to choose · How to install

Skill When to use it Platform Updated Safety
Expo Native UI
expo/skills
When the job is a native-feeling Expo screen: semantic color, controls, media, motion. Any agent 2026-09-09 review
Expo Design System
expo/skills
When you need tokens and component conventions inside an Expo app, not a one-off screen. Any agent 2026-09-09 pass
React Native Best Practices
callstackincubator/agent-skills
When the UI exists and the problem is FPS, re-renders, or animation jank. Any agent 2026-08-07 pass
React Native Skills
vercel-labs/agent-skills
Vercel’s React Native skill set — use when that file’s description matches the stack better than Expo’s. Any agent 2026-01-27 pass
Expo UI
expo/skills
When the agent should build with @expo/ui rather than inventing a parallel kit. Any agent 2026-08-20 pass

Safety is a text search on the file, not an audit. Pass / Review / Risk are explained in the evaluation guide.

  1. 01

    Expo Native UI

    Native-feeling Expo screens: semantic color, controls, media, motion. Use it for a screen, not for tokens across the app. Assumes Expo, not a bare RN CLI app.

    npx skills add https://github.com/expo/skills/tree/HEAD/plugins/expo/skills/expo-native-ui
  2. 02

    Expo Design System

    Tokens and component conventions inside an Expo app. Reach for it when you need a system, not a one-off screen. Not a performance skill.

    npx skills add https://github.com/expo/skills/tree/HEAD/plugins/expo/skills/expo-design-system
  3. 03

    React Native Best Practices

    Performance for React Native in general: FPS, re-renders, animation jank. Use it when the UI exists and feels slow. It will not design the screen.

    npx skills add https://github.com/callstackincubator/agent-skills/tree/HEAD/skills/react-native-best-practices
  4. 04

    React Native Skills

    Vercel’s React Native skill set. Use it when that file’s description matches the stack better than Expo’s native-ui files. Read the SKILL.md; it is not an Expo design-system replacement.

    npx skills add https://github.com/vercel-labs/agent-skills/tree/HEAD/skills/react-native-skills
  5. 05

    Expo UI

    Build with @expo/ui rather than inventing a parallel kit. Only when that package is the stack. Skip it for bare RN or for performance work.

    npx skills add https://github.com/expo/skills/tree/HEAD/plugins/expo/skills/expo-ui

FAQ

Expo or bare React Native?

expo-native-ui and expo-design-system assume Expo. react-native-best-practices is performance for RN in general. Vercel’s react-native-skills is a separate web-adjacent RN set — read the file.

Will this ship my app?

No. We did not index EAS store or billing skills on this task. Those can exist in the repo index; they are not UI picks on this page.

How do I update?

Re-install from the GitHub path on the listing. The last-change date is per file, which matters in the expo/skills monorepo.