Skills for “ui”

…Use when working with @json-render/react-email, building transactional or marketing emails from JSON, creating email catalogs, rendering AI-generated email specs, or when the user mentions react-email, HTML…

…and metadata. Use when working with @json-render/next, building Next.js apps from JSON specs, or creating AI-generated multi-page…

MCP Apps integration for json-render. Use when building MCP servers that render interactive UIs in Claude, ChatGPT, Cursor, or VS Code, or when integrating json-render with the Model Context Protocol.

Pre-built shadcn/ui components for json-render. Use when working with @json-render/shadcn, adding standard UI components to a catalog, or building web UIs with Radix UI + Tailwind CSS components.

…that turns JSON specs into interactive terminal UIs. Use when working with @json-render/ink, building terminal UIs from JSON, creating terminal component catalogs, or rendering AI-generated specs in the…

Pre-built custom directives for json-render — formatting, math, string manipulation, and i18n. Use when working with @json-render/directives, defining custom directives with defineDirective, or adding $format, $math,…

…app. Use when the user wants to debug a generative UI, inspect the spec tree, edit state at runtime, see dispatched actions, follow stream patches live, browse a catalog, or pick DOM elements to find their spec…

Core package for defining schemas, catalogs, and AI prompt generation for json-render. Use when working with @json-render/core, defining schemas, creating catalogs, or building JSON specs for UI/video generation.

Code generation utilities for json-render. Use when generating code from UI specs, building custom code exporters, traversing specs, or serializing props for @json-render/codegen.

…SDK adapters). Use when working with @json-render/chat, building bots that post rich messages with tables, charts, fields, or buttons, streaming a generated card into a chat thread, or when the user mentions Chat…

…and portless.sh. Use for getting-started guides, tutorials, API references, conceptual explanations, integration guides, migration guides, troubleshooting, and code…

…to run it against production. Use before running a test suite with database fixtures, a repro or curl loop, a replay script, a stress loop ("loop the trigger 100x, parallelise"), a migration, an import, or a seed…

Build apps for smart glasses and AI glasses across brands - Even Realities G2 (Even Hub), Meta Ray-Ban Display (Wearables Device Access Toolkit and Web Apps), Rokid Glasses, Vuzix Z100, audio-only glasses such as…

…once in the Hi Rokid companion app (Global or China build), open a custom view on the green display and update its text, stream the glasses microphone as 16 kHz PCM, survive pauses for the Rokid assistant, and…

…server, glasses web page, Even Hub plugin). Use when building subtitles for deaf or hard-of-hearing users, a live translator, a teleprompter, meeting captions or an AI assistant that shows or speaks text on…

…metrics. Use when the user asks for a PRD, product requirements, a feature spec, or to synthesize user or stakeholder interviews into…

…workflow, and a limitations section. Use when the user is building or shipping an AI feature, asks how to evaluate an LLM workflow, needs release criteria for an AI product, or wants to know if an AI feature is…

…resumable workflows using Vercel's Workflow SDK. Use when building workflows that need to survive restarts, pause for external events, retry on failure, or coordinate multi-step operations over time. Triggers on…

Guide for building modern, accessible, and composable UI components. Use when building new components, implementing accessibility, creating composable APIs, setting up design tokens, publishing to npm/registry, or…

…Linux MicroVMs using Vercel Sandbox SDK. Use when building code execution environments, running untrusted code, spinning up dev servers, testing in isolation, or when the user mentions "sandbox", "microvm",…