What problem does it solve?
This Skill explains how to build software using @inglorious/store and @inglorious/web. It guides agents on when to generate code or actionable guidance to implement UI/state logic in plain JavaScript with a transparent architecture.
Core Features & Use Cases
- Entity-based state and event model: Centralized state, explicit event handling, and mutation-wrapped handlers for predictable updates.
- Full-tree rendering with lit-html: Re-render the entire template tree on state changes while updating only changed parts in the DOM.
- Composability and guards: Use type composition to add cross-cutting concerns like authentication, routing, and loading states.
- Common UI primitives: Router, forms, tables, lists, and other small helpers built on a plain JavaScript core.
- Best-fit for small to large apps: Works for small widgets and large enterprise UIs with predictable state.
Quick Start
Install the required packages, create a store with defined types and entities, and mount a render function that returns a lit-html template. The Skill demonstrates how to wire events to entity renderers and how to compose behaviors to implement guards, loading indicators, and navigation.
