What capabilities does it provide?

It provides scaffolding for the Presentation, Domain, and Data layers, including code templates for React components, Zustand for state management, TanStack Query for data fetching, repository patterns, and boilerplate for unit and component tests.

What does this skill do?

This skill automatically generates the complete directory structure and boilerplate code for a new feature module in a React Native application, following a clean, three-layer (Presentation, Domain, Data) architecture.

When should I use this skill?

Use this skill whenever you need to add a new feature to your React Native project, such as a user profile screen, a settings module, or any distinct functional area. It's ideal for starting a new module from scratch.

How does this skill improve my workflow?

It saves significant development time by automating repetitive setup and boilerplate writing. It also enforces a consistent, scalable architecture across your project, making your codebase easier to maintain and onboard new developers.

React Native Feature Generator

Name: React Native Feature Generator
Author: aidenreed937

byaidenreed937

0•

Mobile Development

Generates new feature modules for React Native applications based on a clean, three-layer (Presentation, Domain, Data) architecture.

This skill provides a comprehensive guide for scaffolding new feature modules within a React Native project built on a feature-first, three-layer architecture. It offers developers structured commands, boilerplate code templates, and established conventions for creating everything from UI components and state management to domain logic and data layers. By following this guide, developers can consistently add new functionality that adheres to best practices for separation of concerns, testability, and maintainability, ensuring a scalable and well-organized codebase.

Características Principales

01Provides scaffolding for a three-layer architecture (Presentation, Domain, Data).

020 GitHub stars

03Offers ready-to-use boilerplate for unit and component testing.

04Guides the process of adding new screens and registering them in the navigation stack.

05Includes code templates for components, state management (Zustand), data fetching (TanStack Query), and repositories.

06Defines clear naming conventions and dependency rules for a scalable codebase.

Casos de Uso

01Adding a new functional module (e.g., 'User Profile') to a React Native application.

02Scaffolding the file and folder structure for a new feature quickly and consistently.

03Learning and applying a domain-driven architecture in a React Native project.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add aidenreed937/kairo-expo feature-generator

For use in Claude.ai and ChatGPT

Download Skill