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.
中文简介正在准备中。当前显示英语简介。
- Keeping app settings across page reloads
- Building command selection with arrow keys and Enter
- Creating reusable settings dialogs
HKUDS/OpenSpace☆ 77712026年8月13日 更新
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.
中文简介正在准备中。当前显示英语简介。
- Building dashboards with multiple information panels
- Adapting panel layouts for phones and large screens
- Standardizing dark colors and monospace text
HKUDS/OpenSpace☆ 77712026年8月13日 更新
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.
中文简介正在准备中。当前显示英语简介。
- Saving large source files after a write_file failure
- Writing long JSON or Markdown files
- Handling content with complex shell escaping
HKUDS/OpenSpace☆ 77712026年8月13日 更新
Add a dashboard or admin panel across the server and interface. This skill follows existing project patterns to build API routes, service logic, components, registration, and styles, then connects request handlers so the new endpoint is reachable.
中文简介正在准备中。当前显示英语简介。
- Adding a new dashboard panel
- Building an admin feature across the server and interface
- Connecting a new API handler to server routing
HKUDS/OpenSpace☆ 77712026年8月13日 更新
Diagnose file access problems by checking directories, permissions, file headers, and line counts in parallel batches. Also reviews TypeScript imports, fixes duplicates and type-only imports, and checks module exports before retrying the failed operation.
中文简介正在准备中。当前显示英语简介。
- Investigate missing files, incorrect paths, and permission errors
- Review multiple source files in parallel batches
- Check CSS and configuration file headers and line counts
HKUDS/OpenSpace☆ 77712026年8月13日 更新
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
HKUDS/OpenSpace☆ 77712026年8月13日 更新
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 a sidebar that updates frequently
- Display data supplied by an external controller
- Update selected page elements without rebuilding the whole widget
HKUDS/OpenSpace☆ 77712026年8月13日 更新
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.
中文简介正在准备中。当前显示英语简介。
- Moving styles between projects
- Reusing component styles while preserving existing rules
- Matching CSS variables to the destination
HKUDS/OpenSpace☆ 77712026年8月13日 更新
Build news feeds with GNews, NewsAPI, or HackerNews using headline retrieval, keyword search, and category filters. Includes examples for organizing article data, displaying sources and publication times, and handling failed requests in a frontend service.
中文简介正在准备中。当前显示英语简介。
- Adding category-based headlines to an app
- Building a keyword search for news articles
- Displaying HackerNews stories with article links
HKUDS/OpenSpace☆ 77712026年8月13日 更新
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
HKUDS/OpenSpace☆ 77712026年8月13日 更新
Build TypeScript data services that separate API calls from display components. Add caching and a circuit breaker, which pauses calls after repeated failures, while keeping user-triggered requests able to report errors directly.
中文简介正在准备中。当前显示英语简介。
- Building data services for automatically refreshed panels
- Pausing repeated calls to a failing API
- Separating generation errors from background refresh handling
HKUDS/OpenSpace☆ 77712026年8月13日 更新
Add thumbnails, colored badges, and data-driven styling to TypeScript lists, cards, and panels. Coordinate component logic with CSS, include fallbacks for missing data, and check how the updated display handles empty lists and long text.
中文简介正在准备中。当前显示英语简介。
- Adding category or source badges to lists
- Displaying thumbnails with placeholders for missing images
- Changing colors and styles based on item data
HKUDS/OpenSpace☆ 77712026年8月13日 更新
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 API URLs with optional filters
- Pause API calls after repeated failures
- Separate data fetching from panel components
HKUDS/OpenSpace☆ 77712026年8月13日 更新
Build TypeScript interface panels with badges, thumbnails, and colors driven by data. Organize shared behavior in a base class, including fetch retries, error recovery, and saved panel size and expansion state.
中文简介正在准备中。当前显示英语简介。
- Building a news panel with thumbnails
- Adding badges colored by data source
- Preserving panel size and expansion state
HKUDS/OpenSpace☆ 77712026年8月13日 更新
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
HKUDS/OpenSpace☆ 77712026年8月13日 更新
Set up a personal monitoring dashboard with Vite and TypeScript. The skill provides a folder layout, dependency and build settings, and a page entry point for organizing stock and news panels, data services, and shared utilities.
中文简介正在准备中。当前显示英语简介。
- Start a personal stock and news dashboard
- Organize panels separately from data-fetching code
- Prepare TypeScript and Vite configuration files
HKUDS/OpenSpace☆ 77712026年8月13日 更新
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.
中文简介正在准备中。当前显示英语简介。
- Package a code pattern as a reusable skill
- Turn informal documentation into SKILL.md
- Define a repeatable workflow for an agent
HKUDS/OpenSpace☆ 77712026年8月13日 更新
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.
中文简介正在准备中。当前显示英语简介。
- Separating API calls from display components
- Pausing requests after repeated API failures
- Configuring cached data and default values
HKUDS/OpenSpace☆ 77712026年8月13日 更新
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.
中文简介正在准备中。当前显示英语简介。
- Choosing which dashboard panel to build next
- Checking panel APIs and data structures
- Planning a combined view of schedules, messages, and stocks
HKUDS/OpenSpace☆ 77712026年8月13日 更新
Recover Python tasks when execute_code_sandbox fails with errors or timeouts. Install required packages, run the code through run_shell, and inspect messages and generated files to check the result.
中文简介正在准备中。当前显示英语简介。
- Resuming Python tasks after sandbox failures
- Installing missing packages before execution
- Creating a Word document through shell execution
HKUDS/OpenSpace☆ 77712026年8月13日 更新
Resume Python tasks after execute_code_sandbox errors or timeouts by saving the attempted code as a script and running it through run_shell. The workflow includes dependency checks, execution timeouts, and verification of generated files such as Excel reports.
中文简介正在准备中。当前显示英语简介。
- Retrying Python code after sandbox errors
- Resuming Excel or CSV generation after a failure
- Running saved scripts with a longer timeout
HKUDS/OpenSpace☆ 77712026年8月13日 更新
Troubleshoot file access failures caused by commands running in the wrong folder. Set the working directory explicitly before file operations, check directory paths, and locate files when relative paths resolve differently across tools.
中文简介正在准备中。当前显示英语简介。
- Troubleshooting missing-file errors for existing files
- Running scripts from the intended project folder
- Checking paths that behave differently across tools
HKUDS/OpenSpace☆ 77712026年8月13日 更新
Move Python execution to saved script files when execute_code_sandbox repeatedly fails or becomes unstable. The skill covers writing single or multiple files, running them through run_shell, inspecting outputs and errors, and removing temporary scripts afterward.
中文简介正在准备中。当前显示英语简介。
- Switch execution methods after repeated sandbox failures
- Run Python code split across multiple files
- Process JSON input and write CSV output
HKUDS/OpenSpace☆ 77712026年8月13日 更新
Build Web3 applications, combining blockchain contracts with a user interface, in a defined sequence. Organize directories, define interfaces, implement and test contracts, configure wallet connections, build components, and prepare deployment scripts.
中文简介正在准备中。当前显示英语简介。
- Planning a Web3 project's directory structure
- Defining interfaces for external protocol integrations
- Building wallet-connected contract interaction screens
HKUDS/OpenSpace☆ 77712026年8月13日 更新