ARTICLE DETAIL

资讯详情

深耕郑州网站建设与运营推广的一线实战洞察。

Daily Focus Board 使用指南:在 GitHub Copilot 中通过对话驱动你的每日专注面板

Daily Focus Board 使用指南:在 GitHub Copilot 中通过对话驱动你的每日专注面板 Daily Focus Board 使用指南在 GitHub Copilot 中通过对话驱动你的每日专注面板【免费下载链接】awesome-copilotCommunity-contributed instructions, agents, skills, and configurations to help you make the most of GitHub Copilot.项目地址: https://gitcode.com/GitHub_Trending/aw/awesome-copilot导读Daily Focus Board 是本仓库skills/daily-focus-board提供的一个「以对话驱动」的每日专注看板它不是一个静态的待办清单而是一张渲染在浏览器中的可视化看板由你通过 GitHub Copilot 中的 AI 搭档Ember生成、更新和收尾。本文完整讲解它的两种运行方式GitHub Copilot App 浏览器画布 / 任何支持该 Skill 的 Copilot 会话、从晨间签到到晚间存档的每日循环、与 AI 搭档对话的实用句式并结合仓库源码深入说明看板的配置结构、本地服务方式与执行功能友好的设计原理。读完你既能「用起来」也能看懂它「为什么这样设计」。快速开始只需对 Ember 说一句Make me a focus board for today.Ember 会向你询问今天要做的几件事或直接从前面对话中提取你已经提过的事项生成看板、在本地起一个静态服务并打开它。整个过程不需要安装任何依赖——看板本体是 board.template.html 这样一个自包含的单文件 HTML 模板复制一份、注入配置、本地 serve 即可运行。两种运行方式方式 A在 GitHub Copilot App 中使用浏览器画布推荐Copilot App 支持在聊天侧边同时打开一个browser canvas浏览器画布看板可以与对话并排展示体验最完整让 Ember 生成看板。它会用类似python -m http.server 8790 --bind 127.0.0.1的方式在本地 serve 看板目录并返回一个http://localhost:…/…html的 URL在 App 中打开一个browser canvas指向该 URL。看板出现在侧面板聊天保持在左侧边工作边与 Ember 对话同时在看板上点按做快速更新。进度会自动保存在浏览器localStorage中。方式 B直接在 Ember任意加载了该 Skill 的 Copilot 会话中使用流程相同只是没有侧面板的整合体验说 Make me a focus board for today.Ember serve 看板并给出 URL——在浏览器中打开通过「说话 点按」来驱动看板。重要提示localStorage 需要http://源因此始终要 serve 看板目录而不是直接双击打开 HTML 文件。如果实在无法 serve文件仍然可以打开但进度可能无法持久化。仓库提供了开箱即用的 serve 脚本 serve-board.ps1用法为pwsh scripts/serve-board.ps1 [-Dir folder] [-File focus-board.html] [-Port 8799]脚本会检测端口占用、后台启动python -m http.server port --bind 127.0.0.1 --directory dir、打印访问 URL 并自动在默认浏览器打开。绑定127.0.0.1是为了保证个人任务数据不出本地网络。没有 Python 也没关系任何能提供http://源的静态文件服务器都可以。每日循环The daily loop1. 抵达早晨——Check in、定 mantra、列任务Check in点按「below / in between / above the line」线之下 / 中间 / 线之上只是觉察自己今天如何抵达不做评判。如果此刻在线之下就温柔一点把第一步缩小。设定 mantra今日箴言输入今天的意图点 获取建议或让 Ember 给一个。列出约 4–9 个任务保持它是一个「专注看板」而不是「积压清单」。标记出真正的一个anchor锚点任务并给它一个due截止时间。可选为每个任务设定priorityDo first / Schedule / Delegate / Later——点 查看含义。2. 工作白天——点按推进、记录动量、专注与收纳点任务上的 pill 让状态在to do → in progress → done之间流转开始就算赢——值得庆祝。记录动量笔记例如 first draft done——它们会累积成你一天的故事线。当列表显得嘈杂时用Focus mode把所有内容调暗只突出一个任务。冒出一个杂念把它park停放进 brain-dump 盒子然后继续手头的事。需要记录新东西直接用看板上的➕ add a task添加。用⠿手柄拖拽调整重要度排序或点⬍ sort by priority按优先级排序。任务卡片的label标签支持就地重命名。3. 收尾一天结束——存档、交接、健康地「今天不做」点 download recap把这一天保存为 Markdown 文件或用 copy复制。如果复制了把它粘贴给 Ember——Ember 可以为你写日更journal并帮你安排明天。用⤳ not today把没做完的事顺延到明天——这是一个健康的选择而不是失败。可以这样对 Ember 说Im below the line today — give me a gentle mantra and one tiny first step.What should I do next? → Ember 会只说出一件事并可以帮你打开 Focus mode。Add call the dentist to the board.Help me prioritize — whats actually important vs just urgent?Heres my end-of-day recap: …粘贴→ journal this and plan tomorrow.这些句式对应的正是 SKILL.md 中「How to drive it (the partnership part)」的定位Ember 是搭档而非工具任务状态与笔记存在浏览器里由点按完成而「add/rename 任务」这类任务列表本身的变化才需要重新生成看板——用相同的dateKey重新生成会保留已有进度。看板是如何生成与配置的源码视角Ember 生成看板的过程是把 board.template.html 中这一行scriptwindow.__BOARD__ null; /* SKILL: replace null with the config object above *//script中的null替换为配置对象。注入时必须作为 JSON 并将转义例如JSON.stringify(config).replace(//g, \\u003c)绝不能直接拼接用户提供的原始文本防止任务文本跳出script造成注入。配置结构如下{ name: Alex, // 可选 —— 显示 Lets go, Alex 省略则显示 Lets go dateKey: 2026-07-27, // 可选 —— localStorage 键名默认今天YYYY-MM-DD mantra: Small, real, done., // 可选 —— 今日意图可在看板上编辑 checkin: above, // 可选 —— 抵达签到below | mid | above tasks: [ // 计数任务数值目标 → 进度条 set/ 按钮 { id:pages, emoji:, title:Read 30 pages, goal:30, start:0, inc:5, unit:pages, tag:mind, tagc:new, quad:ins }, // 状态任务to-do → in progress → done 进度笔记 { id:doc, emoji:⚙️, title:Finish the design doc, sub:the anchor, due:2026-07-27T17:00, tag:deadline, tagc:deadline, quad:iu }, { id:move, emoji:, title:Move a little — whatever fits your body, tag:body } ] }各字段的约束来自 SKILL.md 与模板源码 board.template.htmlid必须唯一且稳定只允许字母、数字、连字符、下划线[A-Za-z0-9_-]——它会被嵌入 HTML 属性、CSS 选择器、存储键以及冒号分隔的笔记键中因此要避免引号、冒号、方括号和空格。模板中的validId()、safeCls()函数正是对这些字段做合法性校验与白名单清洗的实现见 board.template.html。tagc是可选的颜色类new绿、deadline红/粉、career紫省略则用默认灰色。计数任务goal必须是正整数start默认 0inc默认max(1, round(goal/10))unit是计量单位标签。其余任务都是状态任务。「not today」顺延只对状态任务生效——计数任务是你把数值调低而不是顺延。due可选ISO 本地时间会在卡片上显示温和的实时倒计时时间过后显示 was due 5:00pm — still worth doing柔和的琥珀色绝不用刺眼的红色。模板中的dueStr()实现了这一逻辑board.template.html。建议只给那一个真正的 anchor 任务设置不要给所有任务都设。quad可选设定任务的艾森豪威尔优先级iu重要且紧急 → Do first、ins重要但不紧急 → Schedule、niu紧急但不重要 → Delegate、ninu都不占 → Later。渲染为卡片左侧的彩色描边使用者可在看板上随时更改。mantra/checkin可选顶层预置今日意图与「线上/线下」抵达签到。可以由对话设置也可以留给使用者自己点按。可以打开 sample-board.html 查看一个填充了样例配置的看板实例其中同时包含计数器任务Read 30 pages、带 due 的锚点任务Ship the release notes、番茄钟任务4 focus pomodoros和紧急不重要任务Inbox to zero并演示了start:8这类预置进度。无需配置的内置功能抵达签到 每日 mantra含 建议、➕ 实时添加任务、⠿ 拖拽排序 ⬍ 按优先级排序、 优先级图例、卡片标签就地编辑、温和的过载提醒、 日终存档下载/复制 recap、Focus mode、「not today」顺延、 brain-dump 盒子、减少动画开关、实时时钟。设好任务列表其余全部免费获得。从模板源码看看板的运行机制状态持久化所有状态写入以focus-board-dateKey为键的 localStorageboard.template.html。save()在每个交互动作后调用dateKey相同则重新生成看板不会丢失已有进度。计数器 vs 状态任务isCounter(t)判断typeof t.goal number计数任务渲染进度条 数值设置控件状态任务渲染状态流转盒与笔记列表board.template.html。奖励机制任务完成触发 canvas 粒子庆祝burst()全部完成时出现 Everything you kept for today — done. 开启减少动画state.rm后粒子与过渡全部关闭board.template.html。过载提醒活跃任务超过 9 个时温和提醒「这是 nudge不是规则」建议顺延几个或用 Focus mode 逐个击破board.template.html。日终 recapdayRecap()生成结构化 Markdown——含到达状态、mantra、Done / In progress / Still to do / Carried to tomorrow / Momentum / Parked thoughts 各段落可下载为focus-dateKey.md或复制粘贴给 Emberboard.template.html。设计原理执行功能友好的看板看板 UI 的每一项功能都对应着一条明确的执行功能Executive Function设计原则完整对照表见 neurodivergent-design.md。核心映射包括执行功能挑战设计原则看板中的功能任务启动困难激活能量缩小第一步让「下一步」显而易见搭档只给一个微小行动Focus mode 突出单个任务时间失明让时间具体可见实时时钟温和的 due 倒计时过期显示琥珀色而非红色工作记忆/物体恒常保持可见、外部化常驻画布动量流momentum feed作为一天的外部记忆过载降低可见负载一次只做一件Focus mode 调暗其余顺延保持列表精简多巴胺/即时奖励即时可见的奖励与新鲜感进度环、彩带、动量流「开始就算数」完美主义/羞耻螺旋不惩罚、记部分功劳、容易顺延「not today」顺延无逾期羞辱进行中算数顺延项移出环统计侵入性想法零摩擦捕获稍后处理 brain-dump 盒子park it, keep going感官/动态敏感平静基底可选刺激减少动画开关默认遵循prefers-reduced-motion自我调节/内感受先不加评判地觉察自己线上/线下抵达签到优先级过载区分重要与紧急艾森豪威尔四象限 按优先级排序 图例两条底线原则不医疗化、不假设绝不诊断用户或称之为「ADHD 模式」所有辅助功能都是可选的神经多样性是异质的这些是可配置的支撑而非规定性系统。需要强调最重要的部分是搭档的行为而不是界面。缩小第一步、只建议一件事、庆祝开始、绝不羞辱未完成、自由提供顺延、把杂念停车、让时间具体化、防止过载——这些行为规范已编码在 SKILL.md 的「Executive-function-friendly behavior」一节。一张漂亮的看板配上一个羞辱式、要求全做完的搭档就完全背离了初衷。进阶定制主题、文件持久化与共享信号主题定制颜色定义在 board.template.html 的:rootCSS 块中--ember、--good、--urgent、背景色等默认是温暖/深色风格。自定义标签色可以复制一条.tagedit.name规则并把名字传给任务的tagc用纯类名字母、数字、-、_。详见 customize.md。v2 文件持久化打通 Agent 回路v1 把进度存在 localStorageAgent 无法读回。v2 让看板把状态写到board-state.json通过小型本地端点或 File System Access APIAgent 读/写同一份 JSON形成「你说话 → 看板更新 → Agent 基于同一数据源做日总结」的双向回路。这是真正 agentic 的版本但需要一个本地写入通道属于有意为之的升级而非零配置方案。可选「shared signals」桥接动量笔记的时间戳形态与 Agent 的进度信号一致。若你在跑多 Agent 工作坊、会产出.signals/*.json可以把它们喂进动量流让 Agent 的工作与你的工作在一条时间线上。此功能严格 opt-in——看板必须能完全独立运行。需要知道的边界Honest limits状态在浏览器里localStorage状态按浏览器隔离Agent 无法直接读回。日终 recap下载/复制正是跨越这一边界的方式当使用者把复制的内容粘贴回来Ember 就能据此写日更、做计划。若需要完全自动的读写回路参见 customize.md 的 v2 文件持久化方案。侧面板整合体验需要支持 browser canvas 的宿主如 GitHub Copilot App。其他环境打开的是普通浏览器标签页——同一张看板只是整合度较低。它是你的、也是可选的每个功能都是支撑而非要求。对每个人都专注友好永远不是诊断。保持精简活跃任务超过约 9 个时看板会温和提醒——把几个顺延到明天。Schedule 象限重要但不紧急是优质、不慌乱的工作所在之处——要保护它的时间。资源索引tutorial.md——本文的基础文档Copilot App 与 Ember 两种用法、每日循环签到 → mantra → 计划 → 工作 → 日终存档SKILL.md——Skill 的完整定义构建看板的 3 步流程、配置 Schema、搭档行为准则与诚实边界board.template.html——自包含的看板模板487 行配置注入点在第 28 行sample-board.html——填充了样例配置的实例看板serve-board.ps1——一键本地 serve 脚本PowerShellneurodivergent-design.md——每项功能背后的执行功能设计原则对照表customize.md——主题定制、v2 文件持久化与共享信号桥接。【免费下载链接】awesome-copilotCommunity-contributed instructions, agents, skills, and configurations to help you make the most of GitHub Copilot.项目地址: https://gitcode.com/GitHub_Trending/aw/awesome-copilot创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表