Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add pproenca/dot-skills --skill react-native-elementsgit clone --depth 1 https://github.com/pproenca/dot-skillsWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/pproenca/dot-skills/react-native-elements)<a href="https://agentmods.dev/skills/pproenca/dot-skills/react-native-elements"><img src="https://agentmods.dev/badge/skills/pproenca/dot-skills/react-native-elements/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/pproenca/dot-skills/react-native-elements"><img src="https://agentmods.dev/badge/skills/pproenca/dot-skills/react-native-elements.svg" alt="Reviewed on agentmods" width="80" height="20"></a>- NVIDIA SkillSpector pass
What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00049 | $0.01515 |
| Opus 5 | $0.00024 | $0.00758 |
| Sonnet 5 | $0.00010 | $0.00303 |
| Haiku 4.5 | $0.00005 | $0.00152 |
Grade A, and why
react-native-elements scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 5d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 118 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Community React Native Elements Best Practices
Comprehensive best practices guide for React Native Elements applications. Contains 45 rules across 8 categories, prioritized by impact to guide component usage, theming, and performance optimization.
When to Apply
Reference these guidelines when:
- Setting up React Native Elements in a new project
- Configuring ThemeProvider and createTheme
- Building lists with ListItem components
- Implementing form inputs with Input and SearchBar
- Optimizing FlatList performance with RNE components
- Reviewing code using React Native Elements
Rule Categories by Priority
| Priority | Category | Impact | Prefix |
|---|---|---|---|
| 1 | Import & Setup | CRITICAL | setup- |
| 2 | Theme Architecture | CRITICAL | theme- |
| 3 | Component Selection | HIGH | comp- |
| 4 | List Performance | HIGH | list- |
| 5 | Props & Configuration | MEDIUM-HIGH | props- |
| 6 | Styling Patterns | MEDIUM | style- |
| 7 | Callbacks & Events | MEDIUM | event- |
| 8 | Advanced Patterns | LOW | adv- |
Quick Reference
1. Import & Setup (CRITICAL)
setup-themeprovider- Wrap app with ThemeProvider for consistent themingsetup-imports- Use @rneui/themed vs @rneui/base correctlysetup-createtheme- Type-safe theme configuration with createThemesetup-tree-shaking- Enable proper tree-shaking for bundle sizesetup-safe-area- Configure SafeAreaProvider for notched devices
2. Theme Architecture (CRITICAL)
theme-usetheme-hook- Access theme reactively with useThemetheme-dark-mode- Configure light/dark mode with createThemetheme-component-defaults- Set component defaults in themetheme-updatetheme- Runtime theme updates without remounttheme-color-scheme- Sync with system color schemetheme-custom-colors- Extend theme with custom colors safely
What ships with it
48 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
- assets/templates/_template.md 888 B
- metadata.json 928 B
- references/_sections.md 1.7 KB
- references/adv-custom-component.md 2.0 KB
- references/adv-image-component.md 2.3 KB
- references/adv-makeStyles.md 2.3 KB
- references/adv-overlay-modal.md 2.7 KB
- references/adv-platform-specific.md 2.1 KB
- references/comp-avatar-vs-image.md 3.8 KB
- references/comp-button-type.md 3.3 KB
- references/comp-icon-source.md 2.9 KB
- references/comp-input-over-textinput.md 2.9 KB
- references/comp-listitem-over-view.md 2.6 KB
- references/comp-searchbar-platform.md 3.0 KB
- references/event-avoid-anonymous.md 2.7 KB
- references/event-debounce-search.md 2.3 KB
- references/event-input-handlers.md 3.3 KB
- references/event-listitem-onpress.md 2.4 KB
- references/event-usecallback.md 2.0 KB
- references/list-getitemlayout.md 3.1 KB
- references/list-keyextractor.md 2.8 KB
- references/list-memo-items.md 2.8 KB
- references/list-removeClipped.md 3.6 KB
- references/list-renderitem-callback.md 2.9 KB
- references/list-virtualized.md 3.4 KB
- references/list-windowsize.md 3.0 KB
- references/props-button-color.md 3.5 KB
- references/props-disabled-styling.md 2.8 KB
- references/props-icon-configuration.md 3.2 KB
- references/props-input-validation.md 3.7 KB
- references/props-loading-state.md 2.6 KB
- references/props-searchbar-loading.md 4.0 KB
- references/setup-createtheme.md 2.3 KB
- references/setup-imports.md 2.1 KB
- references/setup-safe-area.md 2.4 KB
- references/setup-themeprovider.md 1.9 KB
- references/setup-tree-shaking.md 2.1 KB
- references/style-component-props.md 2.1 KB
- references/style-containerStyle.md 1.8 KB
- references/style-stylesheet.md 1.6 KB
- references/style-theme-colors.md 2.0 KB
- references/style-usememo-dynamic.md 1.7 KB
- references/theme-color-scheme.md 1.9 KB
- references/theme-component-defaults.md 1.9 KB
- references/theme-custom-colors.md 2.2 KB
- references/theme-dark-mode.md 1.8 KB
- references/theme-updatetheme.md 2.1 KB
- references/theme-usetheme-hook.md 1.4 KB
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 5d ago First seen · 118 lines · 49 tokens per session scan A 2d4f79632166
react-native-elements is a skill published in the GitHub repository pproenca/dot-skills (205 stars, last pushed 24d ago), licensed MIT. It adds 49 tokens to every session and 1,515 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-03.
Other skills, from other repositories
expo-native-ui
Framework (OSS). 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.
expo-web-to-native
Framework (OSS). Migrate an existing web React app to a native iOS/Android app with Expo. Use when the user wants to turn a website into a mobile app, port a Next.js/Vite/CRA React codebase to React Native, reuse web code on native incrementally, or asks how web idioms (the DOM, CSS, React Router, localStorage…
truesheet-usage
Consumer-side guide for integrating @lodev09/react-native-true-sheet into a React Native app. Use this skill whenever the user wants to add, configure, control, or debug a bottom sheet using TrueSheet — including ref-based sheets, named global sheets, web support with TrueSheetProvider/useTrueSheet, React Navigation…
building-ui
Complete guide for building beautiful apps with Expo Router. Covers fundamentals, styling, components, navigation, animations, patterns, and native tabs.
use-dom
Use Expo DOM components to run web code in a webview on native and as-is on web. Migrate web code to native incrementally.
react-native
React Native mobile patterns, platform-specific code.