new-feature

Generate Expo feature modules with clean architecture and TypeScript templates.

3|Updated Jan 21, 2026

Search Tags:#typescript #scaffolding #react-native #expo #clean-architecture #feature-module

Ready to run

npx skills add https://github.com/martinacostadev/claude-react-agents --skill new-feature-martinacostadev

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: new-feature
Source: https://github.com/martinacostadev/claude-react-agents/tree/main/templates/.claude/skills/mobile/new-feature
Command: npx skills add https://github.com/martinacostadev/claude-react-agents --skill new-feature-martinacostadev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creating a scalable Expo feature module from scratch that aligns with clean architecture, speeding up delivery and consistency across apps.

Core Features & Use Cases

Feature scaffolding: generates app structure (app/, domain/, infrastructure/) with domain entities, repositories, and use-cases.
UI and UX boilerplate: provides screens, components, and hooks wired for navigation and state management.
Use Case Examples: produce a working feature module for queries, mutations, and data persistence in Expo apps.

Quick Start

Provide a feature name to generate a full Expo feature module with screens, components, hooks, and services.

Frequently Asked Questions about new-feature

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

FAQPage Schema

How do I scaffold an Expo feature module with clean architecture?▼

Scaffolding an Expo feature module with clean architecture generates a structured directory under src/ containing app/, domain/, application/, and infrastructure/ folders. This includes TypeScript templates for entities, repositories, APIs, a Zustand store, and screen components to ensure scalable delivery.

How do I structure React Native screens and hooks for a new feature?▼

To structure React Native screens and hooks for a new feature, the module generates UI and UX boilerplate wired for navigation and state management. It creates screen components and hooks across domain, use-case, and infrastructure layers within your Expo application.

Does this clean architecture scaffolding work with Expo and TypeScript?▼

Yes, this clean architecture scaffolding works with Expo and TypeScript. It is specifically designed for React Native apps built with Expo, generating TypeScript templates for entities, repositories, APIs, and a Zustand store across the domain, application, and infrastructure layers.

What is the best way to generate use cases and data persistence in React Native?▼

The best way to generate use cases and data persistence in React Native is using a feature module scaffold that produces working use-case examples. It automates the creation of queries, mutations, and data persistence logic within a structured clean architecture setup.

Can I use Zustand for state management in an Expo clean architecture module?▼

Yes, you can use Zustand for state management in an Expo clean architecture module. The generated scaffold includes a pre-configured Zustand store alongside TypeScript templates for entities, repositories, and infrastructure APIs to handle your feature's state.

What do I need to provide to generate a complete Expo feature module?▼

To generate a complete Expo feature module, you only need to provide a feature name. The tool then automates the creation of the entire feature structure end-to-end, including screens, components, hooks, and services across all clean architecture layers.