What architecture does this skill support?

This skill is designed for Reatom-based applications, specifically following patterns found in reatom-ui5-starter which separate logic into service functions and use DOM tasks for component communication.

Does it automatically update my component code?

Yes, it searches for service usages and ensures that parameters and return handling match the updated service signatures throughout the source code.

How does it handle data loading on app startup?

It implements the 'withConnectHook' pattern, which allows services to be triggered automatically as soon as the associated state atom is connected to the application.

Why shouldn't I call services directly from components?

This skill enforces a pattern where components dispatch tasks. This keeps components clean and logic-agnostic, making the application easier to test and modify.

App Service Manager

Name: App Service Manager
Author: blikblum

byblikblum

•

开发者工具

Manages Reatom service functions and architectural wiring for state-driven applications.

关于

The manage-app-services skill streamlines the development of service-oriented architectures within Reatom-based projects. It automates the creation and updating of service functions in the stores directory, handles complex side effects, and manages the wiring of services to DOM tasks. By enforcing best practices like calling services through event-driven tasks rather than direct component calls, it ensures a decoupled, type-safe, and maintainable codebase. This skill is particularly useful for developers using Reatom-UI5 patterns who need to maintain consistency across service registrations and store updates.

主要功能

Automates creation of service functions in src/stores/*.service.ts
Ensures type-safe service signatures and explicit return types
Updates all service call sites and task registrations across the repository
Implements withConnectHook for automatic data loading on atom connection
Wires services to DOM tasks using registerTaskHandler in setup files
1 GitHub stars

使用场景

Decoupling UI components from business logic by implementing task-based dispatching.
Refactoring existing service parameters and updating all related task handlers.
Adding a new API-backed service that updates a Reatom store automatically.

关于

主要功能

Automates creation of service functions in src/stores/*.service.ts
Ensures type-safe service signatures and explicit return types
Updates all service call sites and task registrations across the repository
Implements withConnectHook for automatic data loading on atom connection
Wires services to DOM tasks using registerTaskHandler in setup files
1 GitHub stars

使用场景

Decoupling UI components from business logic by implementing task-based dispatching.
Refactoring existing service parameters and updating all related task handlers.
Adding a new API-backed service that updates a Reatom store automatically.