- Accordion
- Action Sheet
- Alert Dialog
- Alert
- Audio Player
- Audio Recorder
- Audio Waveform
- Avatar
- AvoidKeyboard
- Badge
- BottomSheet
- Button
- Camera Preview
- Camera
- Card
- Carousel
- Checkbox
- Collapsible
- Color Picker
- Combobox
- Date Picker
- File Picker
- Gallery
- Hello Wave
- Icon
- Image
- Input OTP
- Input
- Link
- MediaPicker
- Mode Toggle
- Onboarding
- ParallaxScrollView
- Picker
- Popover
- Progress
- Radio
- ScrollView
- SearchBar
- Separator
- Share
- Sheet
- Skeleton
- Spinner
- Switch
- Table
- Tabs
- Text
- Toast
- Toggle
- Video
- View
A Skill is a folder Claude loads on demand. The BNA UI skill bundles the component catalogue, the theming and layout conventions, and every machine-readable endpoint, so Claude knows what exists here without being told each time.
The loading is progressive: only the trigger description sits in context permanently. The catalogue and conventions are read when a conversation is actually about React Native — so the cost is near zero the rest of the time.
Install
Download and unpack it into your skills directory.
curl -L https://ui.ahmedbna.com/skills/bna-ui.zip -o bna-ui.zip \
&& unzip -q bna-ui.zip -d ~/.claude/skills && rm bna-ui.zipRestart Claude Code, or run /doctor to confirm it loaded.
Use .claude/skills instead of ~/.claude/skills to scope it to one project.
What's in it
| File | Read when |
|---|---|
SKILL.md | A conversation touches React Native, Expo or BNA UI. |
references/catalogue.md | Claude needs to find the right component. |
references/conventions.md | Claude is writing or reviewing component code. |
references/endpoints.md | Claude needs live data from the registry. |
The catalogue is generated from the registry at build time, so it lists exactly what is installable — it cannot drift.
Skill, MCP, or rules file?
They stack, and each covers a different gap.
- MCP server — live data. Claude reads the actual current source and props rather than a snapshot. Best if you install one thing.
- Skill — conventions and judgement. Knows when to reach for this library and how to use it well, without a network round-trip.
- Rules file — works in any assistant, including ones that support neither of the above.
Together: the skill supplies the conventions, the MCP server supplies the facts.