yororen-ui-state-inputs

Orchestrate headless state and input components for Yororen UI with gpui.

342|10|Updated Jan 21, 2026
One-click install
npx skills add https://github.com/MeowLynxSea/yororen-ui --skill yororen-ui-state-inputs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: yororen-ui-state-inputs
Source: https://github.com/MeowLynxSea/yororen-ui/tree/main/codex-skills/yororen-ui-state-inputs
Command: npx skills add https://github.com/MeowLynxSea/yororen-ui --skill yororen-ui-state-inputs

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Yororen UI state + Inputs helps developers manage and wire up headless state and interactive components in Yororen UI apps using gpui, keeping interaction state separate from business state and enabling robust, testable forms and modals.

Core Features & Use Cases

  • Wiring on_change/on_submit/on_toggle/on_pick handlers for inputs, forms, and composites
  • Supports text_input, text_area, password_input, modal, popover, dropdown, and virtual_list workflows
  • Utilizes the fresh-id keyed state pattern and Entity-based updates to coordinate app state
  • Includes boot-time initialization for text_input and standard safety checks

Quick Start

Use yororen-ui-state-inputs to wire a text_input and form_field with on_change/on_submit handlers and render them in your app.

Frequently Asked Questions about yororen-ui-state-inputs

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

FAQPage Schema
How do I manage form state and inputs in gpui without mixing interaction logic with business state?

You can wire on_change, on_submit, on_toggle, and on_pick handlers for forms and composites in gpui by orchestrating headless state components. This separates interaction state from business state for reliable wiring.

How do I wire on_change and on_submit handlers for a text_input in gpui?

You wire on_change and on_submit handlers for a text_input by applying the fresh-id keyed state pattern and Entity-based updates. This approach includes boot-time initialization to ensure reliable input sessions.

Does this state management approach support modals, popovers, and virtual lists in Yororen UI?

Yes, this state management approach supports modals, popovers, dropdowns, and virtual lists in Yororen UI. It coordinates headless state components and covers AnimatedVisibility lifecycles for these composites.

What is the fresh-id keyed state pattern for coordinating app state in gpui?

The fresh-id keyed state pattern uses fresh IDs to manage input sessions and coordinate app state in gpui. It pairs with Entity-based updates to ensure reliable, reusable wiring for text_input and password_input workflows.

When do I need boot-time initialization for text_input components?

You need boot-time initialization for text_input components when establishing keyed input sessions and standard safety checks in Yororen UI. It ensures reliable state coordination before user interaction begins.