- Skills
- 535
- 仓库
- 1
- 职业覆盖
- 6
- 场景覆盖
- 7
- Stars
- ★ 8.0k
✨Data Intelligence Lab@HKU✨ 的 Skills 535
skill-template-generator
Generate properly-formatted SKILL.md files from extracted architectural patterns. Turns raw pattern descriptions into reusable skills that OpenSpace can discover, select, and evolve.
safe-css-append
Safely append CSS styles from one file to another by identifying missing rules, adapting CSS variables, and verifying changes
refresh-scheduler
Manage timed data refresh intervals for all dashboard panels. Handles pause-when-hidden, stale-data flush on visibility restore, and staggered refresh to avoid API bursts.
react-localstorage-keyboard-nav
Create React components with localStorage persistence and keyboard navigation support
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.
project-scaffold
Scaffold a Vite + TypeScript personal dashboard project with the correct directory structure, dependencies, and configuration files.
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 development.
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.
panel-state-persistence
Unified dashboard panel component with robust error handling, retry logic, state persistence, and vanilla TypeScript implementation.
panel-retry-localstorage
Enhanced dashboard panel component with robust error handling, retry logic, and localStorage persistence for state management.
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-event-forms
Create dashboard panel components with advanced event handling and form validation using vanilla TypeScript DOM API, following the worldmonitor Panel architecture.
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-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-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 with esc() helper for safely interpolating untrusted external API data into innerHTML.
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-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-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 already fetched by other panels.