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.

原文の言語: 英語