service-development

Scaffold React application services following project template conventions.

70|3|Updated Jun 23, 2020
One-click install
npx skills add https://github.com/InfinityLoopLabs/Blank_Platform --skill service-development
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: service-development
Source: https://github.com/InfinityLoopLabs/Blank_Platform/tree/main/_templates/react_template/skills/service-development
Command: npx skills add https://github.com/InfinityLoopLabs/Blank_Platform --skill service-development

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a clear, opinionated workflow and file structure for creating or updating application services so teams avoid inconsistent implementations, duplicated logic, and inline magic values across a React codebase.

Core Features & Use Cases

  • Enforced scaffolding conventions for service folders under app/features/services, including container, store, structure, lib, and constants.
  • Guidance for export surfaces, naming, Redux slice injection rules, and separation of mappers, types, schemas, and constants to enable predictable auto-binding.
  • Use cases include creating a new service with CLI scaffolding, migrating an existing service to template standards, and preparing services for global registration in the ServiceInjector.

Quick Start

Scaffold a new service by running the project CLI with the command new service <serviceName> and add --ns if the service should not inject a Redux slice.

Frequently Asked Questions about service-development

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

FAQPage Schema
How do I scaffold a new React service with a consistent folder structure?

You can scaffold a new React service by running the project CLI command `new service <serviceName>`, which generates a standardized folder structure under app/features/services. This enforces consistent file roles, naming conventions, and predictable auto-binding.

What is the best way to maintain Redux slice injection rules in a React application?

Maintaining Redux slice injection rules requires following an opinionated service template that separates containers, stores, mappers, and constants. This ensures predictable integration and CLI auto-injection across the React codebase.

How do I create a React service that does not inject a Redux slice?

To create a React service without a Redux slice, append the `--ns` flag to the CLI scaffolding command. This skips Redux configuration while still generating the standard service containers and constants.

Why do mappers, types, schemas, and constants need to be separated in app services?

Separating mappers, types, schemas, and constants in app services prevents duplicated logic and inline magic values. This separation enforces predictable file roles and export shapes, enabling reliable CLI auto-injection and consistent code structure.

Can I use this service scaffolding template to migrate an existing React feature?

Yes, you can use this scaffolding template to migrate an existing React feature to the project's template standards. It updates containers, stores, and mappers to ensure predictable integration with the global ServiceInjector.

What limitations exist when preparing services for global registration in the ServiceInjector?

When preparing services for global registration in the ServiceInjector, you are constrained by enforced export shapes, naming conventions, and Redux injection rules. Deviating from these template conventions breaks predictable CLI auto-injection and code structure consistency.