개발 스킬

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

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

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

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

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

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

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

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

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 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

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

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

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

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

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

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 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

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

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

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

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

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

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

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