Skip to content
MeloSkill

Mobile UI

React Native and Expo skills for coding agents and Grok Bot

Native-feeling Expo screens, design tokens, and React Native performance. Still interface work — not EAS billing or store submission. The same SKILL.md can be pasted into Grok Bot or attached in that chat. Grok Bot instructions: Grok Bot playbooks.

Last reviewed 2026-10-24 · 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-10-28 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-10-28 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-10-28 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 set — read the file before installing.

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.

Can I use this with Grok Bot?

Yes. Paste the SKILL.md into Grok Bot or attach the file, then ask for the same job this page describes. MeloSkill is not affiliated with xAI. Grok Bot instructions: Grok Bot playbooks.