react-native-architecture
Skill by FrancoStino · updated · ★ 87
Production-ready patterns for React Native development with Expo, including navigation, state management, native modules, and offline-first architecture. react-native-architecture is published by FrancoStino on GitHub.
Last commit 3 days ago
MIT: permissive, fine for commercial use
Clear description, installs from GitHub, 87 stars, original repository
Not checked yet. What we check
Install react-native-architecture
Built from the published package, never by AIgit clone --depth 1 https://github.com/FrancoStino/opencode-skills-collection /tmp/opencode-skills-collection && mkdir -p ~/.claude/skills && cp -r /tmp/opencode-skills-collection/bundled-skills/react-native-architecture ~/.claude/skills/react-native-architectureRun in your terminal. Claude Code loads skills from ~/.claude/skills automatically.
Step-by-step: install react-native-architecture in Claude Code
git clone --depth 1 https://github.com/FrancoStino/opencode-skills-collection /tmp/opencode-skills-collection && mkdir -p ~/.gemini/antigravity-cli/skills && cp -r /tmp/opencode-skills-collection/bundled-skills/react-native-architecture ~/.gemini/antigravity-cli/skills/react-native-architectureAntigravity CLI loads skills from ~/.gemini/antigravity-cli/skills, or .agents/skills for one project.
Step-by-step: install react-native-architecture in Antigravity CLI
Skills can run scripts on your machine. Some need an API key: check the README.
Alternatives to react-native-architecture
All alternatives →Use when auditing slow page loads, heavy assets, or rendering delays related to Use secure and up-to-date JS libraries. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.
Create a PR in which all dependencies are updated to their latest versions and CI is passing. Only user initiated.
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use a single label for each form field. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.
Use when auditing slow page loads, heavy assets, or rendering delays related to Optimize first contentful paint. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.
Import Shade from layer-specific subpaths (primitives, components, patterns, page-templates, utils), never the root barrel. Trigger when editing TSX/TS in Shade-consuming apps.
Use when auditing slow page loads, heavy assets, or rendering delays related to Show loading indicators. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.
react-native-architecture: common questions
How do I install react-native-architecture?
Run the command above to copy the skill into ~/.claude/skills/. Claude Code picks it up automatically.
Is react-native-architecture free?
The code is published under the MIT licence. The service it connects to may have its own pricing.
Is react-native-architecture safe to use?
It scores 53 of 100. Grades: maintenance A, licence A, quality B. The security check has not run for it yet. Review the code before you install. How grades work.
What are alternatives to react-native-architecture?
Similar skills: js-libraries, update-deps, form-field-multiple-labels, first-contentful-paint.
