“jsx”的搜索结果

Create and render TanStack Table v9 tables in octane. The skill covers project configuration, column definitions, and rendering headers, rows, and cells, with guidance for sharing table features and reusable interface components.

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

• Build a basic table in octane
• Render table headers, rows, and cells
• Configure Vite and TSRX for the adapter

Implement reactive state reads and external control for Table v9 in Solid. Learn where to track changes, how to manage pagination state, and how to handle updater functions or shared state correctly.

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

• Control pagination with Solid signals
• Investigate table updates that do not appear on screen
• Share table state through external atoms

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

Build React components, forms, and custom hooks with TypeScript. Organize state and data fetching, debug rendering problems, migrate class components, and improve performance, with type checks and component tests to validate the implementation.

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

• Build React components and forms
• Design state management and data fetching
• Debug rendering issues and improve performance

Build dashboard panels in plain TypeScript with titles, counts, loading states, and retry controls. Includes patterns for escaping external text before HTML insertion to address XSS, where untrusted content can run scripts in a page.

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

• Adding stock or calendar panels to a dashboard
• Escaping external API text before HTML insertion
• Adding loading, error, and retry states

Build dashboard panels in plain TypeScript with automatic retries for failed requests, error messages, and retry buttons. Save expanded or collapsed state and panel dimensions in localStorage, the browser’s local storage.

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

• Building dashboard panels in TypeScript
• Adding automatic retries to failed requests
• Saving panel size and collapsed state

Build dashboard panels in plain TypeScript, with regularly refreshed content, loading indicators, item counts, and error messages. Provides a shared panel class and examples for stocks, news, and weather, including retry handling and small trend charts.

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

• Build dashboard panels with a shared structure
• Refresh stock prices or news at regular intervals
• Add loading indicators and retry controls

Add a complete dashboard panel in plain TypeScript, from server routes and data services to the visible component and registration. The workflow checks existing routing patterns and includes request failure handling, caching, and saved panel state.

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

• Adding a dashboard panel across server and browser code
• Connecting routes to Express or http.createServer
• Adding caching and cooldowns after repeated failures

Build dashboard panels in vanilla TypeScript with shared loading and error displays, saved panel state, and request handling. Examples show retries with increasing delays and CircuitBreaker integration to pause repeated failures and reuse cached results.

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

• Building dashboard panels in vanilla TypeScript
• Adding caching and cooldowns to existing service calls
• Retrying requests with increasing delays

Build dashboard panels in plain TypeScript with automatic retries, saved panel settings, and clear error states. Keep panel-specific helper functions in the same file to make each component easier to understand and maintain.

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

• Build a panel that retries failed data requests
• Save panel dimensions and expanded or collapsed state
• Keep time and status formatting helpers beside panel code

Create dashboard panels in plain TypeScript using the browser’s page-building API. Follow a shared base class to add titles, counts, loading indicators, error messages, manual retry buttons, and periodically refreshed content.

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

• Add a stock price panel to a dashboard
• Show loading indicators and retry buttons on failure
• Standardize titles and item counts across panels

Build TypeScript summary panels that combine data already fetched by other panels. Accept partial updates, wait for required fields before rendering, and update displayed metrics without additional network requests, using reusable base classes and a coordinator.

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

• Combine email and stock metrics in one summary panel
• Wait for required data before showing a summary
• Update metrics using data fetched by other panels

Build dashboard panels in plain TypeScript with saved sizes and expanded or collapsed states. The pattern includes data fetching retries with increasing delays, loading indicators, error messages, and a shared base class for consistent panel behavior.

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

• Restoring panel sizes and expanded or collapsed states
• Adding automatic retries when data fetching fails
• Standardizing loading and error displays across panels

Build dashboard panels in plain TypeScript using a shared Panel class. Examples cover form submission, input validation, error messages, browser storage, and immediate display updates, with a finance tracker demonstrating how the pieces fit together.

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

• Building dashboard panels with a shared structure
• Adding required-field and numeric input checks
• Saving entered data in the browser

Build dashboard panels and sidebars in plain TypeScript. Provides patterns for panels that fetch data on a timer and sidebars updated by external callers, including retries, saved display settings, and styles inserted only once.

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

• Build dashboard panels that refresh on a timer
• Create sidebars updated with externally supplied data
• Save and restore panel size and collapsed state

Build dashboard panels in vanilla TypeScript with resizing, saved layout state, loading indicators, and retry controls. Examples also show how to wrap existing data-fetching functions with caching and temporary request pauses after repeated failures.

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

• Building dashboard panels in vanilla TypeScript
• Saving panel sizes across page reloads
• Adding retry controls to failed data requests

Write and configure unit tests, which check individual pieces of code, using Vitest. Replace dependencies with test substitutes, measure code coverage, compare saved outputs, and organize filtered or parallel test runs.

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

• Write unit tests for TypeScript code
• Replace functions and timers with test substitutes
• Measure coverage and compare saved outputs

Structure Remotion code so elements can be selected and edited visually in Remotion Studio. Covers reusable scenes, editable text and styles, timeline organization, and keyframes, which define how properties change over time.

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

• Make text, colors, and positions editable in Studio
• Edit scene and clip timing independently
• Adjust animation keyframes and easing

Create or update installable plugins for the CC GUI desktop client. Use CSS and JSON for visual changes, or a single JavaScript file for interactive panels, settings, commands, and workflows, with guidance for local installation and updates.

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

• Customize CC GUI colors and input styles
• Add settings pages or panel tabs
• Package a workflow as a plugin

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

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

Generate dark-mode-compatible inline SVG data visualization charts for blog posts. Supports horizontal bar, grouped bar, donut, line, lollipop, area, and radar charts with automatic platform detection (HTML vs JSX/MDX). Enforces chart type diversity, accessible markup (role=img, aria-labelledby), source attribution, and transparent backgrounds. Use whenever the user mentions data visualization, charts, graphs, comparison tables that need to be visualized, or wants to embed inline SVG visualizations in a blog post, even if not invoking blog-write. Use when user says "blog chart", "generate chart", "data visualization", "svg chart", "blog graph", "visualize data", or when the blog-write workflow identifies chart-worthy data points (3+ comparable metrics, trends, before/after data).

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

Suite of tools for creating elaborate, multi-component interactive HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

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

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

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

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

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