跳到正文
cccskills

“json-render”的搜索结果

34 个 · 按相关度排序

Build native mobile interfaces from JSON specifications with @json-render/react-native. Use standard or custom components, connect form inputs to application state, and update visible content in response to taps and other interactions.

中文简介正在准备中。当前显示英语简介。

  • Building mobile screens from JSON specifications
  • Connecting form inputs to application state
  • Switching tab content in response to taps
vercel-labs/json-render1.9万2026年10月14日 更新

react

免费

Turn JSON specifications into React interfaces using a catalog of available components. This skill helps connect component implementations, shared data, form inputs, conditional display, and user actions to render interactive screens, including AI-generated designs.

中文简介正在准备中。当前显示英语简介。

  • Render AI-generated JSON as a React interface
  • Define a catalog of reusable UI components
  • Connect form inputs to shared data
vercel-labs/json-render1.9万2026年10月14日 更新

Build TanStack Start pages from JSON specifications. This skill connects URL routes, shared layouts, server-side data loading, page metadata such as titles, and client navigation, including loading, error, and missing-page displays.

中文简介正在准备中。当前显示英语简介。

  • Build multiple pages from JSON specifications
  • Share layouts across pages
  • Connect dynamic URLs to page data loading
vercel-labs/json-render1.9万2026年10月14日 更新

svelte

免费

Turn JSON screen descriptions into Svelte 5 interfaces. This skill covers component catalogs, registration, shared state, form bindings that keep inputs and data synchronized, conditional display, and streaming AI-generated interfaces as they arrive.

中文简介正在准备中。当前显示英语简介。

  • Render a Svelte interface from JSON
  • Define and register reusable screen components
  • Synchronize form inputs with shared state
vercel-labs/json-render1.9万2026年10月14日 更新

core

免费

Define the structure and available components for AI-generated JSON screens or videos. Build generation prompts, process incremental updates, connect values to application state, and validate or repair definitions before passing them to a renderer.

中文简介正在准备中。当前显示英语简介。

  • Define allowed components for AI-generated screens
  • Build prompts for generating or editing JSON definitions
  • Assemble definitions from streamed AI responses
vercel-labs/json-render1.9万2026年10月14日 更新

Create or update Claude skills that capture specialized knowledge and repeatable workflows. Guides the organization of instructions, scripts, references, and templates, then covers initialization, validation, and packaging into a distributable skill file.

中文简介正在准备中。当前显示英语简介。

  • Turning recurring work into a reusable Claude skill
  • Organizing internal knowledge and API instructions
  • Revising an existing skill after practical use
vercel-labs/json-render1.9万2026年10月14日 更新

Build videos in React with Remotion using topic-specific guidance and code examples. Covers animation, captions, audio, scene transitions, asset handling, timing, and text layout, with additional references for charts, maps, and 3D content.

中文简介正在准备中。当前显示英语简介。

  • Create text animations and scene transitions
  • Add captions and subtitles to videos
  • Adjust audio, video clips, and display timing
vercel-labs/json-render1.9万2026年10月14日 更新

ui-render

免费

Show results as interactive UI inside Codeg's chat (cards, tables, charts, tabs, accordions, badges, progress bars, simple forms) by writing a json-render spec code block in your reply. Use when the user invokes this skill or asks to see something as a card, table, chart, dashboard or other visual layout in Codeg.

中文简介正在准备中。当前显示原文说明。

spacering-net/codeg40182026年10月18日 更新

Generate guardrailed UI from natural language. Emits constrained JSON that a Preact runtime renders. Use when the request is for a dashboard with metrics, charts, or tables; an admin panel; a data visualization interface; or a form-based application.

中文简介正在准备中。当前显示原文说明。

oaustegard/claude-skills1532026年10月16日 更新

openui

免费

Build generative UI apps with OpenUI and OpenUI Lang — the token-efficient open standard for LLM-generated interfaces. Use when mentioning OpenUI, @openuidev, generative UI, streaming UI from LLMs, component libraries for AI, or replacing json-render/A2UI. Covers scaffolding, defineComponent, system prompts, the Renderer, and debugging OpenUI Lang output.

中文简介正在准备中。当前显示原文说明。

mostafasudo/appilot32026年9月14日 更新