Claude MarketplacesSubmit
pproenca avatar

React Native Elements

pproenca/dot-skills

You're building a React Native app with RNE and need to know whether to use ListItem or View, how to set up ThemeProvider correctly, or why your FlatList is janky. This gives you 45 rules across 8 categories, from critical setup decisions like import paths and theme configuration down to advanced patterns like makeStyles. The prioritization is genuinely useful: it pushes you toward the high-impact stuff first (theme architecture, component selection, list performance) before diving into styling nuances. Best for teams adopting RNE who want to skip the trial-and-error phase and just build with the library's grain.

skills.sh installs
258
GitHub stars
222
last updated
Aug 21, 2026
View on GitHub

Install

$ npx -y skills add pproenca/dot-skills --skill react-native-elements --agent claude-code

Installs into .claude/skills of the current project.

Files

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

PriorityCategoryImpactPrefix
1Import & SetupCRITICALsetup-
2Theme ArchitectureCRITICALtheme-
3Component SelectionHIGHcomp-
4List PerformanceHIGHlist-
5Props & ConfigurationMEDIUM-HIGHprops-
6Styling PatternsMEDIUMstyle-
7Callbacks & EventsMEDIUMevent-
8Advanced PatternsLOWadv-

Quick Reference

1. Import & Setup (CRITICAL)

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/pproenca/dot-skills
Categories
Frontend Development, Debugging, Mobile Development
First seen
Jun 3, 2026

More from pproenca/dot-skills

All 100

Recommended

More Frontend Development
1thunderboltdev avatarshadcn-baseuithunderboltdev/shadcn-baseuiEnforces Base UI patterns in shadcn/ui projects. Prevents LLMs from incorrectly suggesting Radix UI patterns (asChild, etc.) when working with Base UI.251skills.sh installs
2existential-birds avatardagre-react-flowexistential-birds/beagleAutomatic graph layout using dagre with React Flow (@xyflow/react). Use when implementing auto-layout, hierarchical layouts, tree structures, or arranging nodes247skills.sh installs
3oguzhan18 avatarangular-cdkoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular CDK (Component Dev Kit), building custom accessible components, or using drag-drop, overlay, portal, or virtual scrolling.201skills.sh installs
4oguzhan18 avatarangular-componentsoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular Components, component architecture, @Component decorator, inputs, outputs, or component design patterns.182skills.sh installs
5cloudai-x avatarvercel-react-best-practicescloudai-x/claude-workflow-v2React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js c178skills.sh installs
6oguzhan18 avatarangular-cypressoguzhan18/angular-ecosystem-skillsALWAYS use when testing Angular applications with Cypress, E2E testing, or component testing in Angular.172skills.sh installs