Renderizador React para json-render que transforma especificações JSON em componentes React. Utilize ao trabalhar com @json-render/react, construir interfaces React a partir de JSON, criar catálogos de componentes ou renderizar especificações geradas por IA.
Este skill é um renderizador React para o ecossistema json-render, projetado para converter especificações JSON em componentes React reutilizáveis. Ele é especialmente útil para desenvolvedores que trabalham com @json-render/react, permitindo a construção dinâmica de interfaces de usuário React a partir de dados JSON, a criação de catálogos de componentes e a renderização de especificações geradas por inteligência artificial. Ao abstrair a lógica de renderização, o skill simplifica o processo de transformar descrições estruturadas em UIs funcionais, suportando plataformas como Claude Code, Cursor, Codex e outras ferramentas de desenvolvimento baseadas em IA. Sua principal vantagem é a capacidade de integrar-se facilmente a fluxos de trabalho que envolvem geração de código por IA, mantendo a flexibilidade e a consistência dos componentes React.
npx skills add https://github.com/vercel-labs/json-render/tree/main/skills/reactInstalled? Explore more Programação e Desenvolvimento skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
Renderizador React para json-render que transforma especificações JSON em componentes React. Utilize ao trabalhar com @json-render/react, construir interfaces React a partir de JSON, criar catálogos de componentes ou renderizar especificações geradas por IA.
This repo contains 7 individual skills — each has its own dedicated page.
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.
React Native renderer for json-render that turns JSON specs into native mobile UIs. Use when working with @json-render/react-native, building React Native UIs from JSON, creating mobile component catalogs, or rendering AI-generated specs on mobile.
React PDF renderer for json-render. Use when generating PDF documents from JSON specs, working with @json-render/react-pdf, or rendering specs to PDF buffers/streams/files.
React Three Fiber 3D renderer for json-render. Use when working with @json-render/react-three-fiber, building 3D scenes from JSON specs, rendering meshes/lights/models/environments, or integrating Three.js with json-render catalogs.
Remotion renderer for json-render that turns JSON timeline specs into videos. Use when working with @json-render/remotion, building video compositions from JSON, creating video catalogs, or rendering AI-generated video timelines.
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.
Zustand adapter for json-render's StateStore interface. Use when integrating json-render with Zustand for state management via @json-render/zustand.
Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.
Control Eight Sleep pods (status, temperature, alarms, schedules).
BluOS CLI (blu) for discovery, playback, grouping, and volume.
Create, search, and manage Bear notes via grizzly CLI.
Capture frames or clips from RTSP/ONVIF cameras.
Search GIF providers with CLI/TUI, download results, and extract stills/sheets.