What is a Rimitive behavior?

A Rimitive behavior is a portable TypeScript function that encapsulates reactive logic—like signals, computeds, and effects—without being tied to a specific UI or framework.

How does the three-level pattern work?

The pattern follows a sequence: first, service injection for signal primitives; second, a factory function for configuration options; and third, returning the reactive public API.

Is a browser environment required for testing behaviors?

No, one of the main advantages of Rimitive behaviors is that they can be unit tested in pure TypeScript environments without the need for a DOM.

Can I use these behaviors with different signal libraries?

Yes, because the behavior pattern uses service injection (svc), you can provide different signal implementations as long as they match the expected interface.

How do I compose multiple behaviors together?

You can invoke one behavior within the factory level of another behavior, allowing you to merge their APIs or extend existing logic with new reactive properties.

Rimitive Reactive Behaviors

Name: Rimitive Reactive Behaviors
Author: hejhi

byhejhi

开发者工具

Develops headless, reactive logic and portable state patterns for TypeScript applications using the Rimitive framework.

关于

The Rimitive-Behavior skill empowers Claude to architect modular, headless logic using a standardized three-level pattern: service injection, factory configuration, and reactive API exposure. It facilitates the creation of portable state machines and UI patterns—such as toggles, forms, and disclosures—that remain independent of specific rendering frameworks. By decoupling signal primitives from implementation, this skill allows for the creation of highly testable, composable code structures that streamline complex state management in modern TypeScript environments.

主要功能

Facilitates pure TypeScript unit testing without DOM dependencies
Generates reactive signals, computeds, and effects for state logic
Provides framework-agnostic headless logic for portable components
0 GitHub stars
Supports composition of multiple behaviors for complex UI patterns
Implements a standardized three-level service injection pattern

使用场景

Implementing complex pagination and data selection state management
Creating accessible headless UI patterns like disclosures and dropdowns
Building reusable form validation and submission logic

关于

主要功能

Facilitates pure TypeScript unit testing without DOM dependencies
Generates reactive signals, computeds, and effects for state logic
Provides framework-agnostic headless logic for portable components
0 GitHub stars
Supports composition of multiple behaviors for complex UI patterns
Implements a standardized three-level service injection pattern

使用场景

Implementing complex pagination and data selection state management
Creating accessible headless UI patterns like disclosures and dropdowns
Building reusable form validation and submission logic