Show HN: AINativeKit-UI – Turn MCP JSON into ChatGPT App UIs (github.com)

AINativeKit‑UI is a new React component library that automatically renders MCP (model/control/processor) JSON results into polished, accessible ChatGPT App UIs. Built to align with OpenAI’s Figma system and the ChatGPT Apps SDK, it provides production‑ready building blocks (cards, lists, carousel, album, map, buttons, badges, etc.), a typed 417‑icon set, design tokens, and Storybook examples so developers can stop hand‑wiring UI and ship widgets faster. It’s TypeScript‑first, tree‑shakeable, WCAG 2.1 AA mindful, and optimized for React 18 and modern bundlers (Vite, Next.js), with an npm package (@ainativekit/ui) and interactive docs. Technically, the kit maps structured MCP JSON directly to Figma‑aligned components and offers OpenAI SDK hooks (useOpenAiGlobal, useWidgetState, useMaxHeight) to integrate runtime state and layout constraints. Key implications: faster iteration on ChatGPT Apps, consistent cross‑app design and icons, improved accessibility and developer DX (IntelliSense, Storybook, typed icons), and smaller bundles thanks to tree‑shaking. The roadmap includes more JSON mappers (tables, charts, forms), theming API refinements, and further a11y audits. For ChatGPT Apps developers, AINativeKit‑UI promises a turnkey path from model outputs to interactive, on‑brand widgets.