SolidJS — рендеринг UI из JSON-спецификаций

★ 8.1 · vibe-coding

Разработка на SolidJS is a Claude Code skill that renders JSON-based UI specifications into SolidJS component trees with fine-grained reactivity using the @json-render/solid library. Reach for it when you want to describe an entire UI declaratively in JSON and get reactive components without manual wiring, when you're building a typed component catalog with Zod-validated props, when you need unified state, visibility, and validation management through a single provider stack, or when you're streaming a chat-driven UI where the interface is generated incrementally. The skill covers Renderer and JSONUIProvider setup, StateProvider, VisibilityProvider, ValidationProvider, and ActionProvider, plus hooks including useStateStore, useVisibility, useActions, useFieldValidation, useBoundProp, useUIStream, and useChatUI. Built-in actions — setState, pushState, removeState, validateForm — are handled automatically. Dynamic props support $state, $bindState, $template, $computed, and $cond expressions. The stack is TypeScript/TSX; it ships as the npm package @json-render/solid and integrates into any SolidJS project. Direction is JSON-to-Solid rendering, not React or Vue — other json-render renderers cover those frameworks.