file-organization

Standardize React Native project structure with a 6-tier module system.

3|Updated Dec 30, 2025
One-click install
npx skills add https://github.com/guicheffer/devorch-cli --skill file-organization-guicheffer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: file-organization
Source: https://github.com/guicheffer/devorch-cli/tree/main/templates/skills/code-quality/file-organization
Command: npx skills add https://github.com/guicheffer/devorch-cli --skill file-organization-guicheffer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the challenge of maintaining consistent, scalable, and maintainable code organization in React Native projects, preventing architectural drift and improving developer onboarding.

Core Features & Use Cases

  • 6-Tier Module System: Enforces a clear hierarchy for code placement (Entry Providers, Modules, Features, Operations, Data Access, Libs).
  • Dependency Rules: Defines strict import rules to prevent circular dependencies and promote unidirectional data flow.
  • Naming Conventions: Standardizes naming for folders, components, hooks, and utility files.
  • Path Aliases: Promotes clean imports using configured aliases like @features/.
  • Team Ownership: Integrates .claim.json files for clear responsibility assignment.
  • Use Case: When starting a new feature, this Skill guides developers on where to place new components, hooks, and logic, ensuring adherence to the established architecture and making the codebase easier to navigate for the entire team.

Quick Start

Apply the file-organization skill to structure a new React Native feature according to the 6-tier module system.

Frequently Asked Questions about file-organization

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I standardize React Native project structure to prevent architectural drift?

Standardize React Native project architecture using a 6-tier module system with defined dependency rules and naming conventions. This enforces unidirectional imports and co-located testing to maintain code organization and team ownership.

What is the best way to organize modules in a scalable React Native codebase?

Organize scalable React Native modules using a 6-tier hierarchy featuring Entry Providers, Modules, Features, Operations, Data Access, and Libs. This system enforces strict import rules and path aliases to promote clean imports and maintainable architecture.

How do I prevent circular dependencies in React Native code organization?

Prevent circular dependencies in React Native code by enforcing strict unidirectional data flow rules across a 6-tier module system. Defined dependency rules restrict imports to ensure clear architecture and prevent structural drift.

Can I use path aliases for clean imports in React Native module architecture?

Yes, you can use path aliases like `@features/` for clean imports in React Native. The architecture promotes configured aliases alongside standardized naming conventions for folders, components, and hooks to improve codebase navigation.

How do I assign team ownership for specific modules in React Native projects?

Assign team ownership for React Native modules by integrating `.claim.json` files within the project structure. This establishes clear responsibility assignment for each tier and facilitates better maintainability across the team.