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.
中文简介正在准备中。当前显示英语简介。
Build dashboard panels in plain TypeScript with data fetching and loading states. The pattern uses cached data, fallback values, and a circuit breaker, which temporarily pauses requests after repeated failures, to handle API problems.
中文简介正在准备中。当前显示英语简介。
Build a dark dashboard with panels that adapt to screen width. The skill provides CSS for consistent colors, monospace text, panel headers, scrolling content, status badges, and loading or error states.
中文简介正在准备中。当前显示英语简介。
Plan a personal monitoring dashboard using a reference for panels, data sources, APIs, refresh intervals, and development priorities. It covers schedules, messages, news, stocks, finances, and combined views such as a daily briefing.
中文简介正在准备中。当前显示英语简介。
Build sidebars and widgets that receive data updates from their caller. This skill uses a single shared module instance, separate creation and update functions, and stored references to page elements for partial updates.
中文简介正在准备中。当前显示英语简介。
Build reusable React components that save settings in browser storage and support keyboard selection. The patterns cover settings dialogs and command palettes, with guidance on TypeScript types, storage keys, and managing keyboard focus.
中文简介正在准备中。当前显示英语简介。
Implement scheduled data updates for dashboard panels with separate refresh intervals. Pause timers while the browser tab is hidden, stagger eligible updates on return to reduce request bursts, and prevent overlapping requests for the same panel.
中文简介正在准备中。当前显示英语简介。
Turn code patterns, task procedures, or informal documentation into reusable SKILL.md files for OpenSpace. The workflow guides descriptions, actionable instructions, dependency references, and format checks so agents can select skills for relevant tasks.
中文简介正在准备中。当前显示英语简介。
Run TypeScript type checks when standard commands fail, then filter diagnostics to files involved in your task. Preserve the compiler’s exit status while reviewing relevant errors separately from existing project errors.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
Implement polling, or repeated data checks, that slows down after failures and returns to its normal interval after success. The TypeScript pattern also pauses hidden tabs, staggers overdue refreshes, and manages multiple update tasks independently.
中文简介正在准备中。当前显示英语简介。
Inspect the first few lines of a file and its total line count in one shell call. Combine head and wc -l with a visible separator to check generated or modified files with fewer calls.
中文简介正在准备中。当前显示英语简介。
Write large text files when write_file or shell_agent fails because of content size limits. The fallback passes multiline content through run_shell to Python, with guidance on escaping characters and checking the saved file.
中文简介正在准备中。当前显示英语简介。
Build serverless endpoints that relay external API requests for a dashboard while keeping API keys on the server. Includes Vercel examples for input checks, caching, cross-origin access, and consistent JSON responses.
中文简介正在准备中。当前显示英语简介。
Transfer CSS styles between files by comparing existing rules and adding missing styles. The workflow preserves existing content, maps CSS variables to the destination’s names, and checks the appended rules after the update.
中文简介正在准备中。当前显示英语简介。
Compare a file’s current content with its intended replacement before writing. Skip matching files to avoid unnecessary rebuilds and timestamp changes, with guidance on readable diffs, line endings, encoding, and exact content requirements.
中文简介正在准备中。当前显示英语简介。
Package a completed codebase or project directory as a ZIP archive in a separate final step. Verify that the archive exists, inspect its contents, and report the file location with a brief contents summary.
中文简介正在准备中。当前显示英语简介。
Build a new dashboard or admin panel by following existing project patterns. This skill coordinates server endpoints, service logic, interface components, registration, and styling, then checks that the pieces connect consistently.
中文简介正在准备中。当前显示英语简介。
Create a detailed specification for a dashboard, covering its purpose, panels, data sources, refresh schedules, and interactions. Use a reusable structure to document what each panel shows and how users and external systems interact with it.
中文简介正在准备中。当前显示英语简介。
Save large text files when write_file or shell_agent encounters payload size limits. Create the parent directory first, write the content with Python through run_shell, and verify the resulting file.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
Build TypeScript data services with optional query filters, typed results, and caching. Add a circuit breaker, a mechanism that pauses API calls after repeated failures, and keep API keys behind server-side proxy endpoints.
中文简介正在准备中。当前显示英语简介。
Build TypeScript services that fetch API data for display panels. Use a circuit breaker, which pauses calls after repeated failures, alongside caching and default values, while keeping API keys on the server through proxy endpoints.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。