Render JSON UI specifications into React component trees with type-safe catalogs.
npx skills add https://github.com/hasnaxyz/open-render --skill react-hasnaxyz
Please help me install this Agent Skill. Skill: react Source: https://github.com/hasnaxyz/open-render/tree/main/skills/react Command: npx skills add https://github.com/hasnaxyz/open-render --skill react-hasnaxyz
This Skill turns structured JSON UI specs into React component trees, making it easier to build reliable, AI-generated interfaces without losing control over layout, behavior, or component choices.
Ask for a React renderer setup that defines a component catalog and renders an incoming JSON spec with type-safe components.
High-intent search queries and answers about installing and using this skill.
To render JSON UI specifications into React components, you need a component catalog with schema-defined props, a renderer/provider integration, and action handling to produce predictable interactive output trees.
Generative UI in React works by rendering JSON UI specs into component trees using type-safe catalogs and registries, supporting shared state, visibility rules, event dispatch, and two-way bindings for prompt-generated interfaces.
Building a React component catalog for dynamic UI generation requires defining schema-approved components, props, and action handlers, then integrating a renderer and provider to map JSON specs to the catalog securely.
Yes, prompt-generated React UIs support controlled external stores, allowing you to manage shared state, validation, and two-way bindings predictably while keeping generated screens limited to approved components.
Catalog-driven React rendering supports two-way data binding by utilizing controlled external stores and event dispatch, ensuring that shared state and visibility rules remain predictable across generated interactive components.
Limitations of rendering JSON specs into React UIs include the strict requirement for predefined component catalogs and schema-defined props, meaning any component or action outside the approved registry cannot be rendered.
StormHubConvert JSON UI specs into executable React component trees.
phoenicisfMap state-change paths for interactive elements to detect race and stale-closure bugs.
hasnaConvert JSON UI specifications into native React Native component trees.
supersterlingRender JSON specifications as React component trees via a type-safe registry.
