“render”的搜索结果

Connect json-render interfaces to XState Store for state management. The skill shows how to adapt an atom, a container holding application state, so json-render reads and writes through it.

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

• Connecting json-render screens to XState Store
• Using an existing atom as the source of UI state
• Setting up a StateStore adapter and StateProvider

Helps connect json-render to a writable Jotai atom, a unit that holds application state. Covers adapter setup and sharing a Jotai store so json-render and React components read and update the same values.

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

• Manage json-render state with a Jotai atom
• Share an existing Jotai store with json-render
• Share state between useAtom() and json-render

Deploy applications to Render by inspecting code and preparing build settings, environment variables, and required services. Generates render.yaml deployment configuration or creates services through MCP, then checks deployment status, logs, and basic health.

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

• Publish a web application on Render
• Prepare deployment configuration for multiple services
• Set up databases and scheduled jobs

Deploy applications to Render by inspecting the code and preparing service settings. Generate a render.yaml configuration or create services through MCP, an agent tool connection, then check deployment status, logs, and basic service health.

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

• Publish a web application or static site on Render
• Prepare deployment settings for apps with databases or workers
• Generate and validate render.yaml

Connect json-render to Redux or Redux Toolkit so UI state reads and writes use a Redux store. The skill explains how to select the relevant state and dispatch actions that replace it when updates occur.

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

• Connecting json-render to an existing Redux store
• Using a Redux Toolkit slice for UI state
• Configuring state selection and update actions

Helps connect json-render to a Zustand store, where application values are managed. Covers sharing the entire store or selecting a nested portion, with configurable update behavior for the selected state.

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

• Connect an existing Zustand store to json-render
• Use a nested portion of application state
• Customize how state updates are applied

Set up an inspection panel in React json-render apps to examine UI definitions, edit state, and review action and stream timelines. The skill also covers opening or toggling the panel and recording events from React code.

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

• Adding an inspection panel to a React app
• Inspecting UI definitions, state, and action history
• Opening or toggling the panel from React code

Add and configure an inspection panel for Vue json-render apps. This skill guides setup and troubleshooting so you can inspect UI definitions, edit state, review action and stream timelines, browse catalogs, and select page elements.

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

• Adding an inspection panel to a Vue app
• Inspecting UI definitions and editing state
• Reviewing action and stream timelines

Add and troubleshoot the json-render inspection panel in SolidJS applications. This skill covers panel setup for examining specifications, editing state, reviewing action and stream timelines, browsing component catalogs, and selecting page elements for inspection.

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

• Add an inspection panel to a SolidJS app
• Inspect JSON specifications and edit application state
• Review action and stream timelines

Add and troubleshoot a developer panel in Svelte 5 json-render apps. Inspect JSON screen definitions, edit application state, review action and streaming timelines, browse component catalogs, and select elements directly from the page.

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

• Add a developer panel to a Svelte app
• Inspect screen definitions and edit application state
• Review action and streaming timelines

Fix Blazor issues during prerendering, when the server sends initial HTML before interactive features load. Preserve component state to avoid repeated data requests and flicker, handle unavailable services, and configure prerendering or page routing where needed.

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

• Fixing duplicate data requests on initial page loads
• Reducing flicker when a page becomes interactive
• Handling client services unavailable during prerendering

Scripts and configures production rendering in Autodesk 3ds Max with the V-Ray and Corona renderers: output size and files, render elements, denoising, light mix, batch and command-line rendering, and network rendering. Use when a user asks to set up a production render, render several cameras in one batch, render from the command line or on a render farm, add render passes for compositing, or cut render time for archviz and product shots.

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

Build 3D scenes in React from JSON specifications using json-render. The skill covers shapes, lighting, model loading, materials, cameras, and view controls, plus connecting component definitions to their rendering implementations.

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

• Build a 3D scene from JSON
• Display GLTF or GLB models
• Configure lighting, materials, and shadows

Helps integrate YAML output into json-render, turning incoming text into incremental UI updates. Covers prompt generation, streaming parsing, and targeted edits to existing UI specifications through merge, patch, or diff formats.

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

• Render UI updates as YAML arrives
• Generate prompts for YAML output
• Apply partial edits to existing UI specifications

Build multi-page Next.js applications from JSON specifications. This skill guides route setup, shared layouts, page metadata, and server-side rendering, which prepares pages on the server, with optional data loading before display.

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

• Build a multi-page app from JSON specifications
• Share navigation and layouts across pages
• Load server data before rendering a page

Turn json-render specifications into SolidJS interfaces. This skill guides component registration, connects inputs to application state, handles actions and validation, and helps troubleshoot how changing values update the screen, including streamed UI generation.

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

• Build SolidJS interfaces from JSON specifications
• Connect form inputs to application state
• Troubleshoot values that fail to update the screen

Create HTML or plain-text emails from JSON specifications with React Email. This skill guides reusable email components, conditional content, server-side rendering, and browser previews for transactional messages such as signup notifications and marketing emails.

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

• Create signup notifications and other transactional emails
• Build marketing emails from JSON specifications
• Vary email content using state and conditions

Build interactive terminal interfaces from JSON specifications with @json-render/ink. The skill covers standard and custom components, input handling, state connections, conditional display, and progressively rendering specifications generated by AI.

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

• Building a terminal dashboard from JSON
• Creating forms with input fields and selection menus
• Defining a catalog of custom terminal components

Build MCP Apps that display interactive json-render interfaces inside clients such as Claude and ChatGPT. The skill covers a Node.js server, a React view, and packaging the interface into a single HTML file.

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

• Build an interactive UI inside an MCP client
• Add json-render tools to an existing MCP server
• Package a React interface into one HTML file

Automate Cloudflare Browser Rendering operations through Rube MCP, a connection for agent tools. The skill discovers supported actions, verifies an active connection, and executes tasks using the latest tool input requirements.

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

• Finding available Cloudflare Browser Rendering actions
• Checking the service connection before a task
• Running multiple operations in a workflow

Analyze recorded GPU frames from RenderDoc through command-line tools. Inspect drawing operations, textures, and shaders, compare rendering settings between events or captures, and export images and inspection bundles for reviewing graphics problems.

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

• Investigating drawing operations in a captured frame
• Exporting textures and shader code
• Comparing rendering settings between events

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

Debug json-render interfaces with an inspector panel that shows screen specifications, editable runtime state, action history, and streamed updates. Select a rendered page element to locate its definition and investigate display or interaction problems.

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

• Investigate missing or incorrectly displayed elements
• Inspect and edit application state at runtime
• Review action results and errors

Build Vue 3 interfaces from JSON specifications, including AI-generated layouts. The skill covers component registration, named content areas, synchronized form values, conditional visibility, validation, actions, and connections to external state management.

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

• Display AI-generated JSON interfaces in Vue 3
• Build forms with synchronized values and validation
• Switch visible content based on application state