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.

주요 기능

01Automates creation of service functions in src/stores/*.service.ts

02Ensures type-safe service signatures and explicit return types

03Updates all service call sites and task registrations across the repository

04Implements withConnectHook for automatic data loading on atom connection

05Wires services to DOM tasks using registerTaskHandler in setup files

061 GitHub stars

사용 사례

01Decoupling UI components from business logic by implementing task-based dispatching.

02Refactoring existing service parameters and updating all related task handlers.

03Adding a new API-backed service that updates a Reatom store automatically.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add blikblum/reatom-ui5-starter manage-app-services

For use in Claude.ai and ChatGPT

Download Skill