Apply the System.Text.Json APIs introduced in .NET 11 to produce PascalCase JSON names and retrieve typed serialization metadata, the information used to convert objects. Create runnable examples and check metadata availability without exception-based probing.
中文简介正在准备中。当前显示英语简介。
- Produce PascalCase JSON property names
- Convert dictionary keys to PascalCase
- Retrieve typed serialization metadata without casts
dotnet/skills☆ 56792026年10月20日 更新
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
vercel-labs/json-render☆ 1.9万2026年10月14日 更新
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
vercel-labs/json-render☆ 1.9万2026年10月14日 更新
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
vercel-labs/json-render☆ 1.9万2026年10月14日 更新
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
vercel-labs/json-render☆ 1.9万2026年10月14日 更新
Turn JSON timelines into Remotion video compositions with titles, images, text overlays, and animated statistics. The skill covers playback setup, reusable video components, transitions, effects, and adding custom clips to a video catalog.
中文简介正在准备中。当前显示英语简介。
- Build a video composition from a JSON timeline
- Create title cards and image slides
- Add captions and name overlays
vercel-labs/json-render☆ 1.9万2026年10月14日 更新
Turn JSON layout definitions into SVG or PNG images with Satori. Use this skill to create social sharing previews and cards, assemble standard layout and text components, or define custom components for image specifications.
中文简介正在准备中。当前显示英语简介。
- Creating social sharing preview images from JSON
- Building social cards with standard components
- Rendering AI-generated JSON image definitions
vercel-labs/json-render☆ 1.9万2026年10月14日 更新
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
vercel-labs/json-render☆ 1.9万2026年10月14日 更新
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
vercel-labs/json-render☆ 1.9万2026年10月14日 更新
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
vercel-labs/json-render☆ 1.9万2026年10月14日 更新
Watch for new Gmail messages and stream them as NDJSON, a format with one JSON record per line. Filter messages by label, adjust retrieval settings, or save each message to a separate JSON file.
中文简介正在准备中。当前显示英语简介。
- Monitor new messages arriving in the inbox
- Filter monitored emails by Gmail label
- Save each incoming message as a JSON file
googleworkspace/cli☆ 3.2万2026年10月7日 更新
Extract fields, filter records, and reshape JSON from API responses, configuration files, or logs using Crush’s built-in jq. Get help writing and debugging transformations, constructing new JSON, and formatting output for other commands.
中文简介正在准备中。当前显示英语简介。
- Extract selected fields from API responses
- Filter JSON arrays by conditions
- Reshape configuration data or construct JSON
charmbracelet/crush☆ 2.9万2026年10月19日 更新
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-render☆ 1.9万2026年10月14日 更新
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
vercel-labs/json-render☆ 1.9万2026年10月14日 更新
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-render☆ 1.9万2026年10月14日 更新
从CodexBar本地费用日志中,按模型汇总Codex或Claude的使用费用,以文本或JSON查看最近的代表模型、全部模型或指定模型的费用。
- 查看最近代表模型的费用
- 比较全部模型的使用费用
- 汇总已导出的费用日志
openclaw/openclaw☆ 39.3万2026年10月19日 更新
Create and audit JSON-LD, structured data that describes page content to search engines. Check JSON syntax, schema types, and required fields for articles, products, FAQs, and breadcrumbs, then guide validation for enhanced search results.
中文简介正在准备中。当前显示英语简介。
- Creating structured data for articles and products
- Checking FAQ and breadcrumb structured data
- Finding JSON syntax errors and missing required fields
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
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
vercel-labs/json-render☆ 1.9万2026年10月14日 更新
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-render☆ 1.9万2026年10月14日 更新
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
vercel-labs/json-render☆ 1.9万2026年10月14日 更新
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
vercel-labs/json-render☆ 1.9万2026年10月14日 更新
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
vercel-labs/json-render☆ 1.9万2026年10月14日 更新
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
vercel-labs/json-render☆ 1.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-render☆ 1.9万2026年10月14日 更新