preact-sigma

Manage typed app state in preact-sigma with SigmaType, computed signals, queries, and actions.

Updated Mar 2, 2026
One-click install
npx skills add https://github.com/goddard-ai/goddard --skill preact-sigma
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: preact-sigma
Source: https://github.com/goddard-ai/goddard/tree/main/app/.agents/skills/preact-sigma
Command: npx skills add https://github.com/goddard-ai/goddard --skill preact-sigma

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This guide provides expert instructions for building and evolving state management with preact-sigma, helping developers define typed state using SigmaType, derive values with computed signals, and orchestrate behavior with queries and actions.

Core Features & Use Cases

  • Define and configure a SigmaType with defaultState, computed, queries, and actions to model complex UI state.
  • Manage draft boundaries and commit rules to ensure safe, predictable mutations across actions.
  • Reference extended API details and usage patterns for runtime exports and advanced utilities.

Quick Start

Create a new SigmaType, configure defaultState, then add computed, queries, and actions to manage your state.

Frequently Asked Questions about preact-sigma

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

FAQPage Schema
How do I define typed state with computed signals and actions in preact?

To define typed state in preact, configure a SigmaType with defaultState, then add computed signals, queries, and actions to model complex UI state and orchestrate behavior predictably.

What is the best way to manage draft boundaries and commit rules for state mutations?

Managing draft boundaries involves applying Immer-based drafting within your actions to ensure safe, predictable mutations, while commit rules dictate when those draft changes finalize into the state.

How does preact-sigma handle state refactoring and code review scenarios?

Preact-sigma guides state refactoring and code review by providing clear API overviews and usage patterns for state builders, ensuring typed state and computed values are structured correctly.

Can I use Immer-based drafting with preact-sigma queries and actions?

Yes, you can use Immer-based drafting with preact-sigma queries and actions to safely mutate state within established draft boundaries before committing the changes.

When do I need SigmaType for preact state management?

You need SigmaType when modeling complex UI state that requires defaultState definitions, derived values via computed signals, and orchestrated behavior through queries and actions.