用途：该技能教授如何创建专业的 HTML/CSS/JavaScript 仪表盘，包含数据可视化、实时更新，以及对接免费数据源，适用于组装多面板监控视图（如投资组合仪表盘等）。
主要能力：数据源发现（调研并推荐免费 API）；仪表盘生成（响应式 HTML/CSS/JS 页面）；可视化集成（Chart.js、ApexCharts、D3.js）；实时更新（SSE 或 WebSocket）；遵循 2026 UX/UI 与无障碍最佳实践。
数据源发现：建议先检查 core/http_client.py 中 DEFAULT_PROXIED_APIS 与 DOMAIN_TO_API_TYPE，并用 bash env | grep -i "api_key|_key" 查看已配置密钥，勿硬编码假设。资料列出的常见数据源包括 coingecko、twelvedata、taapi、coinglass、lunarcrush、twitterapi、birdeye、oneinch。使用前应按更新频率与资产数量估算每日调用量，据此选择付费代理 API 或免费替代方案；高频、公开面向、无密钥或配额不足时应调研免费源，并关注限流、CORS、维护状态与数据质量。
生成方式：模板法推荐 Tabler（Bootstrap 5.3，MIT），也可用 AdminKit；亦可用自定义模块化目录（index.html、css、js 分层）。图表库默认建议 Chart.js，实时美观场景用 ApexCharts，自定义可视化用 D3.js。实时更新推荐 SSE（单向、自动重连），必要时用 WebSocket。
使用方式：资料未给出统一的安装步骤；示例通过 CDN 引入库或下载模板压缩包解压使用。命令行检查示例如下： read_file core/http_client.py | grep -A 15 "DEFAULT_PROXIED_APIS" bash env | grep -i "api_key|_key" curl -L https://github.com/tabler/tabler/archive/refs/heads/main.zip -o tabler.zip
限制：具体收费标准与配额、各 API 具体端点与密钥配置方式、后端实现细节文中未完整提供或已在长代码处截断，暂未提供；实际使用需自行核实 API 文档与限流情况。