专注模式面板
React用户体验仪表盘更新于 2026-08-09
使用场景： 构建深度工作工具、专注计时器或带防打扰功能的效率面板。
安装
npx skills add focus-mode-dashboard克隆
git clone https://github.com/skillhub-community/focus-mode-dashboard.git描述
实现全屏专注环境：大号倒计时器（带视觉环动画和可自定义时长预设 25/45/90 分钟）、环境音效播放器（雨声、森林、咖啡馆、白噪声、Lo-fi）带音量控制和会话结束自动淡出、任务选择器（从任务看板中选择「我正在做 X」），以及会话历史日志——显示已完成的专注会话及其时长、任务和时间戳。
包含根据会话一致性计算的「专注分数」指标。遵循 Page Visibility API——标签页失焦时计时器暂停（可配置）。可选集成网站屏蔽 API，在专注会话期间屏蔽干扰站点。
AI Hub
跑 Skill 需要模型接口？
AI Hub 提供 OpenAI 兼容接口，给 Cursor / Claude Code / Agent 用。
打开 AI Hub元数据
作者@prod_jenny
许可证MIT
版本1.0.0
依赖0