hasnaxyz
Official@hasnaxyz
Offers a comprehensive framework for rendering structured JSON specifications into multi-platform UI components, video compositions, and document formats.
Agent Skills by hasnaxyz
Showing 26 vetted skills indexed across 1 GitHub repositories.
hasnaxyzdirectives
Add reusable custom directives for formatting, math, and localization in json-render catalogs.
hasnaxyzreact-email
Render JSON email specifications into HTML and plain-text output.
hasnaxyzink
Build interactive terminal UIs from JSON specifications.
hasnaxyznext
Generate Next.js applications from JSON specifications with server-side rendering.
hasnaxyzremotion-best-practices
Provide Remotion implementation guidance for React video composition and rendering.
hasnaxyzsvelte
Convert json-render specifications into Svelte 5 component trees with typed registries.
hasnaxyzshadcn-svelte
Compose Svelte interfaces from shadcn-svelte component catalogs with matched registry implementations.
hasnaxyzcore
Define schemas and catalogs for generating AI-driven UI specifications.
hasnaxyzreact-native
Render JSON UI specs into native React Native mobile interfaces.
hasnaxyzvue
Render Vue 3 interfaces from JSON specifications with registry-based components.
hasnaxyzreact-pdf
Render PDF documents from JSON specifications into buffers, streams, or files.
hasnaxyzshadcn
Build shadcn/ui catalogs and React registries for json-render.
hasnaxyzsolid
Render structured JSON UI specs into SolidJS components with reactive bindings.
hasnaxyzmcp
Serve json-render specs and HTML resources from a Node.js MCP server.
hasnaxyzcodegen
Generate framework-ready files and serialized props from json-render UI specifications.
hasnaxyzimage
Render JSON image specifications into SVG and PNG outputs.
hasnaxyzskill-creator
Create and package Claude skill directories with valid SKILL.md frontmatter.
hasnaxyzxstate
Connect json-render state handling to an @xstate/store atom.
hasnaxyzdevtools
Inspect live spec, state, actions, and stream events in json-render apps.
hasnaxyzyaml
Generate YAML prompts and streaming patch instructions for json-render specifications.
hasnaxyzzustand
Connect json-render state management to Zustand vanilla stores.
hasnaxyzjotai
Connect json-render state management to a writable Jotai atom.
hasnaxyzreact-three-fiber
Render 3D scenes from json-render specs using React Three Fiber.
hasnaxyzredux
Bind json-render UI state to Redux stores via selector and dispatch bridges.
Frequently Asked Questions About hasnaxyz
FAQPage SchemaWhat specific tasks can I perform using hasnaxyz?▼
You can transform JSON specifications into functional React, Svelte, Vue, or SolidJS components, render dynamic video compositions via Remotion, generate PDF documents, and bind UI state to stores like XState, Redux, or Jotai.
Which developers benefit most from these capabilities?▼
Frontend engineers and architects building design systems or cross-platform interfaces will find these capabilities useful for maintaining a single source of truth for UI definitions across multiple framework implementations.
What are the prerequisites for implementing these rendering capabilities?▼
Implementation requires a Node.js environment and existing JSON-based UI specifications. You must install the specific package corresponding to your target framework, such as react, svelte, or vue, to enable component tree generation.