skills.rest
scottolmer
scottolmerCOMMUNITY
Explore all skills by this author →
GitHub

crud-generator

Generate CRUD scaffolding for React Native entities from a JSON config.

Updated Dec 17, 2025
Search Tags:#typescript#scaffolding#navigation#crud#react-native#storage#code-generation
One-click install
npx skills add https://github.com/scottolmer/sourdoughsuitenew --skill crud-generator
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: crud-generator
Source: https://github.com/scottolmer/sourdoughsuitenew/tree/main/.claude/skills/crud-generator
Command: npx skills add https://github.com/scottolmer/sourdoughsuitenew --skill crud-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The CRUD Generator helps development teams rapidly scaffold complete Create, Read, Update, and Delete flows for new data entities in a React Native application, reducing boilerplate and ensuring consistent UX patterns.

Core Features & Use Cases

  • Automatic CRUD scaffolding: Generates Add/Edit/Detail screens, a storage service, TypeScript types, navigation wiring, and query-key updates based on a single config.
  • Consistent patterns: Aligns with Starters and Recipes patterns used across the app for predictable development.
  • Use Case: When introducing a new entity like BakingSession or JournalEntry, you can generate a full set of screens and services in minutes, then customize fields.

Quick Start

Invoke the CRUD generator with a config describing your entity, or provide the config inline; see config examples in the Skill documentation for structure.

Frequently Asked Questions about crud-generator

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

FAQPage Schema
How do I generate CRUD screens for a new entity in a React Native app?▼

To generate CRUD screens for a React Native entity, you invoke the generator with a structured JSON config. This automatically scaffolds Add/Edit/Detail screen components, TypeScript types, AsyncStorage services, and navigation wiring.

What is the best way to scaffold TypeScript types and storage services for React Native?▼

Scaffolding TypeScript types and AsyncStorage-based storage services is best handled by providing a single entity config. This process automatically produces the required types and storage logic alongside consistent screen components.

Does this CRUD scaffolding approach work with AsyncStorage for local data persistence?▼

Yes, this CRUD scaffolding works directly with AsyncStorage for local data persistence. The generator automatically creates a storage service configured to handle Create, Read, Update, and Delete operations for your new entities.

How do I wire up navigation when adding new CRUD screens to a React Native project?▼

Navigation wiring is automatically generated and updated when you create new CRUD screens. The scaffolding process modifies the navigation setup to include the new Add/Edit/Detail screens based on your JSON configuration.

Can I customize fields after generating the Add/Edit/Detail screens?▼

Yes, you can customize fields after generating the Add/Edit/Detail screens. The scaffolding produces a complete baseline of TypeScript types and screen components that you can then modify to fit your specific entity requirements.

What configuration is needed to auto-create CRUD screens for new data entities?▼

You need to provide a structured JSON configuration describing your entity to auto-create CRUD screens. This config drives the generation of TypeScript types, AsyncStorage logic, screen components, and query-key updates.

Related Skills

Explore More Software Engineering Skills→
valec3valec3
1

zustand-5

Implement Zustand stores with persistence, selectors, async actions, and devtools.

Community
Intermediate
jcdiv47jcdiv47

convex-quickstart

Initialize a Convex backend with schema, auth, and CRUD scaffolding.

Community
Intermediate
HouseGarofaloHouseGarofalo
3

tanstack-query

Manage server state in React applications with TanStack Query.

Official
Intermediate
anicca-labsanicca-labs

coding-standards

Enforce React Native coding standards with TypeScript, Prettier, and custom rules.

Official
Intermediate