HKUDS/OpenSpace - 6페이지

codebase-pattern-analyzer

Analyze a reference codebase to discover and extract reusable architectural patterns. Produces structured pattern descriptions that can be turned into standalone skills. This is a meta-skill that bootstraps the skill evolution chain.

원문 언어: 영어

combined-head-linecount-check

Verify a file's first N lines and total line count in one shell call using head and wc -l with an echo separator, minimizing read operations and shell iterations.

원문 언어: 영어

create-full-stack-panel-feature

Multi-layer workflow for creating complete panel features by analyzing existing patterns and generating coordinated server routes, services, UI components, registration, and styling files.

원문 언어: 영어

create-full-stack-panel-feature-with-server-wiring

Multi-layer workflow for creating complete panel features by analyzing existing patterns and generating coordinated server routes, services, UI components, registration, styling files, AND explicitly wiring new handlers into the server's dispatch table…

원문 언어: 영어

create-skill-from-source-code

Analyze existing source code to identify key patterns and generate comprehensive educational skill documentation with proper YAML frontmatter, architectural analysis, code templates, and usage examples.

원문 언어: 영어

css-append-selector-verify

Safely append CSS styles from one file to another, with per-selector grep verification after every append to catch silent truncation that tail or wc-l alone would miss

원문 언어: 영어

dashboard-domain-specification

A reusable template for defining detailed domain specifications for dashboard projects, including panel requirements, data sources, and interfaces.

원문 언어: 영어

data-driven-panel

Create dashboard panel components with integrated resilient data services, combining UI construction and data fetching into a unified pattern.

원문 언어: 영어

data-service-circuit-breaker-aware

Create data fetching services with circuit breaker pattern for API resilience. Services handle fetch, cache, retry, and expose typed data to panel components. Includes clear guidance on when to skip the circuit breaker for user-triggered one-shot calls versus…

원문 언어: 영어

data-service-optional-params

Create data fetching services with circuit breaker pattern for API resilience, including a first-class pattern for building optional query parameters via URLSearchParams. Services handle fetch, cache, retry, optional filters, and expose typed data to panel…

원문 언어: 영어

data-service-proxy-direct

Create resilient data fetching services with circuit breaker pattern, supporting both proxied and direct API calls. Services handle fetch, cache, retry, and expose typed data to panel components.

원문 언어: 영어

data-service

Create data fetching services with circuit breaker pattern for API resilience. Services handle fetch, cache, retry, and expose typed data to panel components.

원문 언어: 영어

dir-verify-parallel-shell-audit

Diagnose and resolve file access issues by verifying directory structure, reading multiple files in parallel batches, running combined shell property checks (head/wc-l) in the same iteration as directory listing, and validating TypeScript import patterns —…

원문 언어: 영어

dynamic-panel-component

Create a dashboard panel component with advanced dynamic content updates and robust error handling, including retry logic and state management, using vanilla TypeScript DOM API.

원문 언어: 영어

enhance-typescript-ui-components

Add visual features (thumbnails, badges, dynamic styling) to TypeScript components by coordinating TypeScript logic changes with CSS updates

원문 언어: 영어

finnhub-stock-api

Integrate with Finnhub Stock API for real-time and historical stock market data. Covers quote fetching, company profiles, and WebSocket streaming.

원문 언어: 영어

full-stack-panel-authoring

Single cohesive workflow for creating complete dashboard panel features in vanilla TypeScript — covers project-structure exploration, server dispatch pattern detection and wiring (Express or manual http.createServer), Panel base class component authoring with…

원문 언어: 영어

idempotent-file-replace

Read-then-diff before writing a file to ensure the write is skipped when the content already matches, preventing unnecessary modifications and downstream side effects.

원문 언어: 영어

large-file-write-heredoc

Reliable fallback technique for writing large file contents when write_file and shell_agent both fail with 'unknown error' due to payload size limits — uses run_shell with a Python heredoc to bypass tool constraints.

원문 언어: 영어

large-file-write-mkdir

Reliable fallback technique for writing large file contents when write_file and shell_agent both fail with 'unknown error' due to payload size limits — uses run_shell with a Python heredoc to bypass tool constraints, with an explicit mkdir -p step to ensure…

원문 언어: 영어

large-file-write-via-temp-script

Reliable fallback technique for writing large or special-character-heavy file content when inline write_file or shell_agent calls fail with unknown errors — uses a Python helper script written to a temp file to avoid escaping and truncation pitfalls.

원문 언어: 영어

list-and-count-directories

List and count directories in a path by filtering list_dir results for directory entries and excluding hidden/system files

원문 언어: 영어

news-api-integration

Integrate with news APIs (GNews, NewsAPI, etc.) for aggregated news feeds. Covers headline fetching, search, and category filtering.

원문 언어: 영어

panel-base-advanced

Unified guide for authoring dashboard panel components in vanilla TypeScript — covers the authoritative Panel base class (grid-span persistence, dual resize handles, radar loading animation, exponential-backoff error countdown, data/new badge helpers, full…

원문 언어: 영어

panel-breaker-backoff

Unified guide for authoring dashboard panel components in vanilla TypeScript — covers the Panel base class architecture, localStorage state persistence, exponential-backoff retry, and CircuitBreaker integration. Shows how to wrap any existing fetchX() service…

원문 언어: 영어

panel-breaker-stateful

Unified dashboard panel pattern combining circuit breaker resilience with enhanced UI features like retry logic, state persistence, and detailed error handling.

원문 언어: 영어

panel-component-aggregator

Dashboard panel component pattern for aggregator/summary panels that accept pushed partial data updates via updateData(), defer rendering until first data arrives, and incrementally re-render metrics without re-fetching — ideal for panels that synthesize data…

원문 언어: 영어

panel-component-colocated-helpers

Enhanced dashboard panel component with robust error handling, retry logic, localStorage persistence, and co-located inline helper functions (e.g. timeAgo, statusIcon) for self-contained, import-light panel implementations.

원문 언어: 영어

panel-component

Create a dashboard panel component using vanilla TypeScript DOM API, following the worldmonitor Panel architecture. Panels have a header with title/count, scrollable content area, loading/error states, and resize handles.

원문 언어: 영어

panel-component-with-push-sidebar

Dashboard panel components (class-based, self-fetching) and push-update sidebar modules (functional, externally-driven) using vanilla TypeScript DOM API, with retry logic, localStorage persistence, and guarded CSS injection.

원문 언어: 영어

panel-component-xss-safe

Create a dashboard panel component using vanilla TypeScript DOM API, following the worldmonitor Panel architecture. Panels have a header with title/count, scrollable content area, loading/error states, and resize handles. Includes XSS-safe rendering pattern…

원문 언어: 영어

panel-data-resilient

Create resilient, data-driven dashboard panels with integrated API handling and UI components, combining circuit breaker patterns with vanilla TypeScript panel architecture.

원문 언어: 영어

panel-event-forms

Create dashboard panel components with advanced event handling and form validation using vanilla TypeScript DOM API, following the worldmonitor Panel architecture.

원문 언어: 영어

panel-grid-layout

CSS grid layout system for a responsive panel dashboard with dark theme. Uses CSS custom properties, auto-fill grid, and monospace font aesthetic inspired by worldmonitor.

원문 언어: 영어

panel-retry-localstorage

Enhanced dashboard panel component with robust error handling, retry logic, and localStorage persistence for state management.

원문 언어: 영어

panel-state-persistence

Unified dashboard panel component with robust error handling, retry logic, state persistence, and vanilla TypeScript implementation.

원문 언어: 영어

panel-visual-badges

Create visually rich, robust TypeScript UI components with panel architecture, combining enhanced features like retry logic, state persistence, and dynamic styling with a systematic workflow for visual enhancements.

원문 언어: 영어

personal-monitor-domain

Domain specification for a personal daily monitoring dashboard. Defines all target panels (email, Feishu, Office, social, news, Twitter, code status, schedule, stock market, daily finance), their data sources, APIs, and priority ordering for incremental…

원문 언어: 영어

project-scaffold

Scaffold a Vite + TypeScript personal dashboard project with the correct directory structure, dependencies, and configuration files.

원문 언어: 영어

push-based-widget-module-pattern

How to implement sidebar/widget UI components that receive pushed data updates from a caller, using a singleton module pattern with exported factory and update functions plus module-level DOM refs for efficient partial re-renders.

원문 언어: 영어