教师课表倒计时悬浮窗

SKILL教育学习
教育学习 未标注权限 许可证不明确
安装这个技能

为一线教师制作「课表倒计时桌面悬浮窗 / 班级管理悬浮窗」,并可选发布成在线网页(手机电脑双向同步)。当用户(教师)给出课表截图、班级课表、或提出「做一个桌面悬浮窗」「课表倒计时小组件」「挂在电脑桌面始终置顶」「班级管理看板」「送人一份课表工具」「手机也能看课表/备忘」等需求时使用。覆盖三种形态:①教师个人课表版(按班级上色)②班主任班级管理版(按科目+任课老师上色、早读/晚自习/大课间/眼保健操提醒、作业通知便签、德育备忘到点提醒)③在线网页版(WorkBuddy 云存储双向同步)。技术栈:Electron 桌面应用 + 单文件 HTML(内联 CSS/JS)+ 可选云服务发布。

一句话选型结论

按资料字段整理

教师课表倒计时悬浮窗是教育学习类的 Agent Skill,安装方式未标注,权限级别未标注,许可证不明确,有可直接复制的安装命令。技能本质是给模型读的说明书,效果取决于模型与客户端;装完先用一个小任务验证,再放进正式流程。

分类教育学习 安装方式未标注 权限级别未标注权限 许可证许可证不明确
累计安装 未标注 本周 未标注
GitHub 星标 未标注 仓库 未标注
下载量 未标注 技能市场下载数
权限级别 未标注权限 安装前请确认风险范围
许可证 许可证不明确 未说明

安装

未标注
在支持 Skills 的客户端里执行,装完问一句「你有哪些技能」验证
skillhub install user_278ee7d7/teacher-timetable-floating-widget
  1. 1
    确认客户端支持

    确认你的客户端支持 Skills(Claude、Codex、Cursor 等),并升级到较新的版本。

  2. 2
    拿到技能文件

    执行上面的命令安装;也可以把仓库里的 SKILL.md 手动放进客户端的 skills 目录。

  3. 3
    刷新技能列表

    重新打开客户端,或刷新技能列表,让新放进来的技能被加载。

  4. 4
    验证是否生效

    问一句「你有哪些技能」,确认列表里出现它,再拿一个小任务试跑。

技能档案

教育学习
字段来自技能仓库与公开索引,中文说明由本站标注
作者 / 维护方user_278ee7d7仓库 未标注 · 版本 未标注
宿主客户端未标注技能可被这些客户端加载
安装方式未标注安装包 community
权限级别未标注权限安装前请确认风险范围
许可证未说明许可证不明确,商用前请自行确认条款
仓库可用性available技能仓库当前是否可访问
最近核验未标注上游最后核验时间 · 数据更新 1791733461
正文体量9.7 KBSKILL.md 原文大小,越大说明说明书写得越细

典型使用场景

3 类
按分类整理的常见用法,具体以 SKILL.md 为准
讲解知识点

按水平把知识点讲清楚。

出练习题

按章节生成练习与答案。

制定学习计划

按目标和时间排学习节奏。

选择建议

装之前先看这几条
按条目字段给出的判断,不替你决定用不用

值得选的地方

  • 有可直接复制的安装命令,不用自己翻文档找入口。

先想清楚的地方

  • 没有标注权限级别,实际能做什么要装好后确认。
  • 许可证不明确,商用或二次分发前先到仓库确认条款。
  • 没有做站内核验,内容以作者仓库为准。
  • 技能只是说明书,实际效果取决于模型与客户端,装完先用小任务试一遍。

更适合

  • 需要在教育学习场景里给模型补一套做法的人。
  • 愿意先读一遍 SKILL.md、确认它会让模型做什么的人。

不太适合

  • 对许可证要求很严、必须明确可商用的人。
  • 只想装完就自动变强、不打算看说明书的人。

同类对比

6 个同类
同分类里挑最接近的几条,字段以各自详情页为准
技能权限级别安装方式累计安装宿主客户端安装命令
教师课表倒计时悬浮窗当前 未标注权限 未标注 未标注 未标注 有
食谱创建课堂课程 未标注权限 GitHub 仓库 25.5 万 Codex、Claude、Cursor 有
语言学习 联网访问 ClawHub 市场 23.6 万 OpenClaw 有
learning 效率 只读 ClawHub 市场 19.2 万 OpenClaw 有
学习习惯 未标注权限 ClawHub 市场 10.2 万 OpenClaw 有
日语家教 只读 ClawHub 市场 8.2 万 OpenClaw 有

SKILL.md 全文

9.7 KB
模型实际读到的说明书原文,来自技能仓库

教师课表倒计时悬浮窗 生成技能

为老师做一款「打开就能用」的课表倒计时桌面悬浮窗:无边框、透明、始终置顶、可拖动、离线运行。可选进阶为「班级管理版」和「在线同步版」。

一、先判断做哪种形态(别一上来就写代码)

先问清楚(或根据用户话术判断),三种形态差异很大:

形态 适用 技术 数据存储 能否手机用
A. 教师个人课表版 只看"我自己的课" Electron 桌面窗口 本地文件 否
B. 班主任班级管理版 班主任管理全班 Electron + 增功能 本地文件 否
C. 在线同步版 手机电脑都要看/改 网页 + 云存储 WorkBuddy 云数据库 能
  • 用户说"桌面悬浮窗 / 挂在桌面 / 始终置顶 / 送人一份" → 做 A(或 B,若他是班主任)。
  • 用户说"手机也能看 / 微信打开 / 电脑手机同步" → 只能做 C(Electron 桌面窗口手机跑不了,数据也碰不到)。
  • 关键认知(务必记住,避免误导用户):
  • Electron 窗口跑在 Windows 上,file:// 加载,手机打不开、也没法同步。
  • 手机微信 WorkBuddy 打开的其实是 index.html 的网页预览,和桌面窗口是两份不同的东西,数据不互通。
  • 要实现"手机↔电脑同步",唯一干净做法是都改用网页版 + 云存储,电脑用浏览器打开(可缩窗置顶)。

二、核心交付文件(Electron 桌面版)

floating-app/ 目录下 6 个文件:

  1. package.json — Electron 项目配置(main: "main.js")
  2. main.js — 主进程:无边框、透明、置顶、可拖动;提供窗口控制 + 文件持久化 IPC
  3. preload.js — contextBridge 暴露 window.desktop 安全 API
  4. index.html — 界面 + 全部逻辑,配置区放文件最开头,CSS/JS 全内联
  5. 启动悬浮窗.bat — 一键启动
  6. 使用说明.md — 改配置指引

完整模板见 assets/(三份:main.js、preload.js、index.html 骨架)。

8 项基础功能(个人版)

  1. 夏季/冬季双作息一键切换,节次/打卡/下班时间联动,选择本地记住
  2. 顶部栏:实时时钟 + 日期星期 + 作息名 + 切换按钮
  3. 当前状态卡:自动判断 上课中/课间/休息日/放学/待上课
  4. 下一节课卡:节次、科目班级、起止时间、开课倒计时(秒级)
  5. 打卡提醒:早入校/上午放学/下午入校/下午放学,临近高亮
  6. 下班进度条:已过百分比 + 距下班剩余
  7. 今日课程列表:正课+晚自习,当前节高亮、已过变暗
  8. 本周课表概览表:今天列高亮、当前节行高亮 + 班级图例

UI 约束(照抄)

紫蓝渐变 + 圆角半透明毛玻璃卡片 + 白字 + 琥珀强调;6 套预设主题(含浅色自动切深字)一键切换;支持自定义背景图(配置区填路径);无 emoji、无外部字体/CDN、CSS/JS 全内联、离线;overflow-x:hidden 防横向溢出。

三、填课表数据的铁律(血泪教训,务必执行)

  1. 必须先逐格读截图,不要凭印象填。截图里被高亮/盖住看不清的格子,留空并明确问用户,绝不猜。
  2. 填完必须用脚本统计格数核对:解析 timetable 各天数组,统计每个"科目/班级"出现次数,与截图重数。曾因凭印象填错数学 10 节/语文 8 节,被脚本抓到实为数学 9/语文 9。
  3. 核对脚本必须只读:Node 脚本用 fs.readFileSync(源) + fs.writeFileSync(报告),process.argv[2] 才是第一个参数(argv[0]=node、argv[1]=脚本本身)。曾因 argv 索引写错,把校验结果写回覆盖了 index.html——务必写进独立报告文件,绝不写源文件。
  4. 中文数据校验一律用 Node,不要用 PowerShell 正则处理中文(不可靠)。

四、班级管理版(B)的增量功能

在个人版基础上改:

  1. 每格显示「科目 + 任课老师」,按科目上色(数学橙/语文红/英语蓝/物理紫/化学青/生物黄绿/体育黄/班会粉)。颜色匹配函数从"按班级"改成"按科目"。
  2. 管理时段提醒:大课间锻炼、眼保健操(上下午)、午餐午休 → 状态卡到点自动切换,今日列表穿插显示(虚线弱化)。
  3. 早读 + 晚自习卡(按星期轮换人员):CONFIG.morningReading / CONFIG.eveningStudy。
  4. 作业/通知便签:点「编辑」写内容,本地保存。
  5. 德育备忘(到点提醒):带 日期+时间+内容,支持「每周重复」(如每周一大扫除);到点前 15 分钟起顶部琥珀色高亮条「提醒中」。注意:Electron 轻量窗口不能弹窗/响铃,只能屏显高亮;需要强制提醒得加系统通知(单独问用户)。
  6. 标题栏显示「高三(1)班 · 课表倒计时」/「陈老师 · 课表倒计时」(送人更有辨识度)。

五、数据持久化(重要,决定"时有时无"bug)

  • 不要用 localStorage:file:// 协议下不稳定,多窗口会互相覆盖 → 用户会反馈"备忘时有时无"。
  • 正确做法:用 preload 暴露 dataGet/dataSet,走 ipcMain.handle 写本地 JSON 文件(存 app.getPath('userData') 下)。见 assets/main.js、assets/preload.js 的 data:get / data:set 通道。
  • store 是异步的:ipcRenderer.invoke 返回 Promise,get/set 都要 async/await,renderNote/renderReminds/init 等调用点全部改 async。

六、在线同步版(C):WorkBuddy 云存储

仅当用户明确要"手机电脑同步"时做。步骤:

  1. 建表(PostgREST,key-value 共享结构,全班共享,无需登录):
    sql CREATE TABLE widget_kv (id BIGINT GENERATED ALWAYS AS IDENTITY PRIMARY KEY, k TEXT NOT NULL UNIQUE, v JSONB, updated_at TIMESTAMPTZ NOT NULL DEFAULT now()); ALTER TABLE widget_kv ENABLE ROW LEVEL SECURITY; GRANT SELECT, INSERT, UPDATE, DELETE ON TABLE public.widget_kv TO authenticated, anon; CREATE POLICY widget_kv_all ON widget_kv FOR ALL TO authenticated, anon USING (true) WITH CHECK (true);
    数据库工具:mcp__genie-baas__workbuddy_cloudservice_db_exec_sql(mode 用 migrate/write/read),需 applicationId。
  2. 激活云服务:workbuddy_cloud_service(action=activate, applicationMode=create)→ 拿 publicConfig(endpoint + publishableKey)。
  3. 网页版接入 SDK:index.html 头部 CDN 加载 WorkBuddyCloud SDK,store 改三层(云端优先 → 本地文件 → localStorage 兜底),加 store.refresh()(30 秒定时重拉实现双向同步)+ store.remove()。
  4. 发布:workbuddy_sites_deploy(复用 applicationId 作 appId,保住域名和 Origin)→ 得 https://xxx.app.workbuddy.host/ 链接,verified:true。
  5. 自测:exec_sql 写一条测试数据读回,再删;WebFetch 探测发布页正常加载。

关键风险(务必如实告知用户)

  • 沙箱无法模拟手机真实打开的完整链路,匿名(anon)写入是否真正放行需用户实机测:手机打开链接 → 添加一条备忘 → 看是否保存成功。
  • 若手机添加失败,多半是云服务要求先登录(匿名写受限),需加登录步骤。
  • 桌面 Electron 版与网页版不互通;改用网页版后,桌面 bat 可废弃(可改成"打开这个网页"的快捷方式)。

七、语法校验 + 启动验证(每轮改动必做)

$node = "C:\Users\陈刘根\.workbuddy\binaries\node\versions\22.22.2-3\node.exe"
& $node --check "main.js"     # 空输出 = 通过
& $node --check "preload.js"
# index.html 内联脚本:正则抽 <script>…</script> 拼成 _inline.js 再 --check
  • node --check 通过时无输出,别用 .Length 判断,直接读文件看是否空。
  • 沙箱环境 ELECTRON_RUN_AS_NODE=1:electron.exe 会强制走 Node 模式,require('electron') 返回路径字符串、app 为 undefined —— 这是测试环境假象,不是代码 bug;真实 Windows 桌面上双击 bat 正常。别被这个报错误导去改代码。

八、本机环境坑(务必记住)

  1. Bash 工具 Git Bash shim 不可用 → 命令走 PowerShell;PS 标准输出常不回显 → 结果写文件再 Read。
  2. 删除文件被安全机制拦截 → 用 [System.IO.File]::Delete($p),别用 Remove-Item -Recurse。
  3. PowerShell 5.1 不支持三元 ?: → 用 if/else。
  4. 控制台中文乱码 → 中文参数写进 UTF-8 文件,别直接拼命令行。
  5. 长 UTF-8 文件用 Edit 多次编辑有风险 → 大改动直接 Write 整体重写更稳。

九、交付

present_files 传 index.html(+ 使用说明.md;发布版传链接 URL)。回复里用表格说明填入了哪些课表/功能、以及留空待确认的格子。

常见问题

5 问
答案由本站依据条目字段整理
教师课表倒计时悬浮窗怎么安装?

在支持 Skills 的客户端里执行:skillhub install user_278ee7d7/teacher-timetable-floating-widget。安装方式为未标注。装完刷新技能列表或重开客户端。

教师课表倒计时悬浮窗支持哪些客户端?

资料没有标注宿主客户端,但只要客户端支持 Skills(Claude、Codex、Cursor 等),一般都能加载。

教师课表倒计时悬浮窗权限高吗,安全吗?

权限级别为未标注权限。安装前先看它会读取或写入哪些内容。

教师课表倒计时悬浮窗收费吗?

本站不代收费用,也没有标注具体价格。是否收费取决于技能本身和所用的模型或客户端,正式使用前按作者说明确认。

教师课表倒计时悬浮窗用什么许可证?

许可证标注为 未说明(许可证不明确)。商用或二次分发前请到仓库确认条款原文。

热门专题

按场景挑技能
全部专题 →

技能内容以作者仓库为准;分类、权限级别与许可证状态的中文说明为中文整理,最近核验 未标注。