c/frontend › command
0votes

Expo native UI (Expo)

Skill
submitted by u/client to c/frontend · 0 uses

Build native-feeling Expo screens with Apple HIG styling, native controls and SF Symbols.

Expo's guidance for building polished mobile screens: Apple Human Interface Guidelines styling, semantic colors, native controls, SF Symbols, media, visual effects, gradients, storage and responsive layouts. It sets code style and library preferences and points to separate skills for routing and animation. References and agent prompts are included.

Try asking:

  • "Make this Expo settings screen feel native on iOS"
  • "Add a blurred header and SF Symbols to my tab bar"
  • "Build a profile screen in Expo using native controls"

Source: expo/skills · MIT · by Expo

0 commentsreport

Install this skill

Skills are folders with a SKILL.md file. Claude loads one on its own when a task matches its description. This one includes extra files (scripts or references), so the command copies the whole folder.

Claude Code plugin (easiest, stays up to date)
/plugin marketplace add expo/skills
/plugin install expo@expo-plugins
Claude Code: for every project
npx degit expo/skills/plugins/expo/skills/expo-native-ui ~/.claude/skills/expo-native-ui
Claude Code: this project only (commit it to share with your team)
npx degit expo/skills/plugins/expo/skills/expo-native-ui .claude/skills/expo-native-ui

Made by Expo, MIT license. Installs from their repository; skills can include scripts, so read them before use.

In the Claude apps, zip the folder and upload it under Settings → Capabilities → Skills.

More from c/frontend

See all of c/frontend →
0 comments

Log in to join the discussion.