component-schema-ai-contracts
by ResonanceM
Designs strict Zod/JSON metadata contracts that map a React (or other) design system to LLM function-calling tools via MCP and the Vercel AI SDK, so AI agents generate deterministic, accessible, brand-compliant UI blocks with zero code hallucinations. Use this skill whenever the user wants to expose a component library or design system to an LLM, build an MCP server or AI SDK tool set over a UI kit, let an agent "generate UI" or "build a form/dashboard/screen" from natural language, wire Storybook metadata into an AI pipeline, or asks how to stop an AI from inventing components, props, or class names that don't exist. Also trigger for "AI design system bridge," "component registry for LLMs," "JSON UI tree," "text-to-UI," or any request to make AI-generated interfaces provably valid against a real codebase rather than plausible-looking.