Analyze an existing codebase to identify reusable design patterns in components, services, APIs, styling, and refresh scheduling. Produces structured descriptions with representative code, conventions, dependencies, and adaptation notes for reuse or later conversion into skills.
- Understanding the structure of a large codebase
- Extracting reusable component and service designs
- Following an existing project's conventions in a new project
HKUDS/OpenSpace☆ 7.8KUpdated Aug 13, 2026
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☆ 7.8KUpdated Aug 13, 2026
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☆ 7.8KUpdated Aug 13, 2026
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☆ 7.8KUpdated Aug 13, 2026
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☆ 7.8KUpdated Aug 13, 2026
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
HKUDS/OpenSpace☆ 7.8KUpdated Aug 13, 2026
Build dashboard panels that manage both display and data fetching. A shared TypeScript base provides loading states, retry controls, caching, automatic refresh, and a circuit breaker that temporarily pauses requests after repeated failures.
- Building dashboard panels with data fetching
- Standardizing loading and error displays across panels
- Configuring caching and failure handling for each panel
HKUDS/OpenSpace☆ 7.8KUpdated Aug 13, 2026
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☆ 7.8KUpdated Aug 13, 2026
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
HKUDS/OpenSpace☆ 7.8KUpdated Aug 13, 2026
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
HKUDS/OpenSpace☆ 7.8KUpdated Aug 13, 2026
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☆ 7.8KUpdated Aug 13, 2026
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.
- Building a stock dashboard panel with periodic updates
- Adding request cooldowns and fallback values for API failures
- Sharing loading, error, and count displays across panels
HKUDS/OpenSpace☆ 7.8KUpdated Aug 13, 2026
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☆ 7.8KUpdated Aug 13, 2026
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☆ 7.8KUpdated Aug 13, 2026
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☆ 7.8KUpdated Aug 13, 2026
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
HKUDS/OpenSpace☆ 7.8KUpdated Aug 13, 2026
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
HKUDS/OpenSpace☆ 7.8KUpdated Aug 13, 2026
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☆ 7.8KUpdated Aug 13, 2026
Build dashboard panels with patterns for handling failed API requests. TypeScript examples cover retries, cached data, temporary pauses after repeated failures, loading and error displays, and saving panel size and expansion state in the browser.
- Building dashboard panels that handle API failures
- Adding loading, error, and retry displays
- Preserving panel size and expansion state
HKUDS/OpenSpace☆ 7.8KUpdated Aug 13, 2026
Recover from failed automated file creation with an explicit shell workflow. The skill guides agents through checking folders, writing and running scripts, and inspecting output files to confirm that deliverables were actually created.
- Recovering from repeated automated execution failures
- Checking where output files were saved
- Verifying generated PDF and Word files
HKUDS/OpenSpace☆ 7.8KUpdated Aug 13, 2026
Recover failed Python tasks by saving the code as a script and running it through the system shell. The workflow covers spreadsheet generation, data processing, output verification, and troubleshooting missing packages, paths, or permissions.
- Retry spreadsheet generation after a sandbox failure
- Rerun data processing that timed out
- Run scripts with system-installed Python libraries
HKUDS/OpenSpace☆ 7.8KUpdated Aug 13, 2026
Run Python code directly on the host when repeated e2b sandbox failures block execution. The skill explains saving scripts, launching them through the shell, and checking outputs when an isolated environment is unnecessary.
- Resume Python work after repeated e2b errors
- Run a saved script to create an Excel file
- Investigate sandbox timeouts and connection failures
HKUDS/OpenSpace☆ 7.8KUpdated Aug 13, 2026
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☆ 7.8KUpdated Aug 13, 2026
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☆ 7.8KUpdated Aug 13, 2026