✨Data Intelligence Lab@HKU✨

Investigate file access problems by checking folders and permissions, then reviewing files in parallel groups. Audit TypeScript imports, including type-only imports and duplicate statements, and check index exports before summarizing fixes and unresolved issues.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Investigating missing files and access errors
• Reviewing many source files in parallel groups
• Correcting type-only and duplicate TypeScript imports

Write source files when direct file writing fails on quotes, backticks, or embedded variables in strings. The skill uses a temporary Python script executed through the shell and supports writing several files in one pass.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Save TypeScript files containing template literals
• Write scripts with mixed quotes and escape sequences
• Write several problematic files through one Python script

Diagnose file access problems by checking whether the target directory exists, inspecting its contents, and reviewing access permissions. The workflow guides path or permission fixes, then retries the original file operation or script.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Investigating file access failures
• Checking paths when a script fails
• Creating a missing directory

Use WorldMonitor’s architecture as a reference for building dashboards. Find examples of TypeScript panels, data services, grid layouts, API proxies, and refresh scheduling, with guidance on simplifying these patterns for a personal monitoring project.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Build a panel following WorldMonitor conventions
• Study patterns for scheduled data refreshes
• Review dashboard themes and grid layouts

Recover from file-writing errors involving emoji or special symbols by switching to shell-based writing. Guides character preservation or replacement, literal text handling, directory preparation, and checks of the saved content.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Recovering from Unicode-related file-writing errors
• Saving source files containing emoji or symbols
• Replacing special characters with ASCII alternatives

Audit TypeScript projects for type-only imports, duplicate imports, missing base class inheritance, and incomplete public exports through index.ts files. Apply targeted fixes in a defined order and check compilation with tsc --noEmit.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Separate type-only imports from runtime imports
• Consolidate duplicate imports from the same module
• Check classes for missing base class inheritance

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

Create a detailed specification for a dashboard, covering its purpose, panels, data sources, refresh schedules, and interactions. Use a reusable structure to document what each panel shows and how users and external systems interact with it.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Define requirements before building a dashboard
• Document data sources and refresh schedules for each panel
• Specify navigation and external system connections

Package a completed codebase or project directory as a ZIP archive in a separate final step. Verify that the archive exists, inspect its contents, and report the file location with a brief contents summary.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Delivering a completed codebase as a ZIP file
• Packaging projects for download
• Archiving deliverables containing multiple files

Save large text files when write_file or shell_agent encounters payload size limits. Create the parent directory first, write the content with Python through run_shell, and verify the resulting file.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Saving large source files after write errors
• Writing files into new nested directories
• Saving long JSON or Markdown content

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 serverless endpoints that relay external API requests for a dashboard while keeping API keys on the server. Includes Vercel examples for input checks, caching, cross-origin access, and consistent JSON responses.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Connect a dashboard to external APIs without exposing API keys
• Create endpoints for stock quotes and news
• Standardize API responses and error handling

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

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

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

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

Recover failed writes of large files or code containing special characters by placing content in a temporary Python script. Use raw strings or Base64 encoding, then check that the output file exists and has content.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Retrying writes that fail with unknown errors
• Writing TypeScript or TSX containing template literals
• Saving long text with Unicode or special characters

List and count folders in a specified path using list_dir results. Distinguishes directories from files, handles hidden and system entries, and presents an alphabetically sorted inventory with the path and total count.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Check the folders that make up a project
• Create an inventory of skill or module directories
• Explore the directory layout of a repository

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

Implement scheduled data updates for dashboard panels with separate refresh intervals. Pause timers while the browser tab is hidden, stagger eligible updates on return to reduce request bursts, and prevent overlapping requests for the same panel.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Setting different refresh intervals for dashboard panels
• Pausing periodic updates while a browser tab is hidden
• Staggering panel updates when returning to a tab

Build a new dashboard or admin panel by following existing project patterns. This skill coordinates server endpoints, service logic, interface components, registration, and styling, then checks that the pieces connect consistently.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Adding a new dashboard panel
• Implementing a feature across server and interface layers
• Matching existing panel conventions

Connect stock data to an application using Finnhub Stock API. The skill covers current quotes, company profiles, historical prices, and market news, with server-side request handling to protect API keys and manage cached responses.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Display current stock prices on a dashboard
• Retrieve historical prices and trading volumes
• Show company profiles alongside stock quotes

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