# daily-focus-board
Generates an interactive daily task canvas in the browser. Helps plan work sessions, track numeric targets, and manage momentum through conversation.
- skill · `type=skill` · GitHub Copilot · 29 installs · ★ 40418
- Author: github · official GitHub repository
- License: MIT · policy=mirror · the beginning of the file is at the end of this page
- Source: https://github.com/github/awesome-copilot/tree/HEAD/skills/daily-focus-board/SKILL.md
- Updated: 2026-10-23
- HTML: https://affpapa.org/en/nevibecode/skills/daily-focus-board
## What it does
This skill builds a standalone HTML focus interface using `assets/board.template.html`. It prepares a working copy named `focus-board.html` and writes task data into `window.__BOARD__` as safely escaped JSON. You drive the board by talking to GitHub Copilot, which updates items as work progresses.
Tasks can represent simple status flows or numeric targets like reading pages and completing pomodoro intervals. The board features Eisenhower priority quadrants, an arrival check-in, a brain-dump area, and an end-of-day recap export. A gentle countdown reminds you of target deadlines without harsh visual alerts.
Opening the file directly can cause browsers to block `localStorage`, wiping progress between sessions. Starting a local server with `python -m http.server 8799 --bind 127.0.0.1` or `scripts/serve-board.ps1` provides the required HTTP origin while restricting access to your local machine.
## Install
### GitHub Copilot (native platform)
1. **Skills CLI (Vercel)**
```bash
npx skills add github/awesome-copilot --skill daily-focus-board
```
2. **GitHub CLI**
```bash
gh skill install github/awesome-copilot daily-focus-board
```
3. **Manually: put the files in place**
- File: `.github/skills/daily-focus-board/SKILL.md`
### Claude Code
1. **Skills CLI (Vercel)**
```bash
npx skills add github/awesome-copilot --skill daily-focus-board -a claude-code
```
2. **Manually: put the files in place**
- File: `~/.claude/skills/daily-focus-board/SKILL.md` — Copy the whole skill folder; for one project use .claude/skills/daily-focus-board/
### Codex
**Manually: put the files in place**
- File: `.agents/skills/daily-focus-board/SKILL.md` — For all projects use ~/.agents/skills/
### Cursor
**Manually: put the files in place**
- File: `.cursor/skills/daily-focus-board/SKILL.md` — Cursor also reads .agents/skills/ and .claude/skills/
### Gemini CLI
**Platform CLI**
```bash
gemini skills install https://github.com/github/awesome-copilot --path skills/daily-focus-board
```
### Windsurf (Devin Desktop)
**Manually: put the files in place**
- File: `.devin/skills/daily-focus-board/SKILL.md` — The legacy .windsurf/skills/ path still works
### Claude.ai
**Claude.ai**
- Zip the folder and upload it in Settings → Capabilities → Skills
Where a file is given instead of a command, copy the files from the source to that path: https://github.com/github/awesome-copilot/tree/HEAD/skills/daily-focus-board/SKILL.md
## When to use it
- structure a day plan through conversational prompts
- track count-based activities with target progress bars
- categorize daily actions by urgency and importance
- export an end-of-day summary of completed items
## Example prompts
- Plan my workday around three main milestones and open the board
- Add a counter task for 5 pomodoro cycles to my focus list
- Mark the design document task done and record an update
## Source text · SKILL.md · MIT
Below is the content of a third-party file. It is data, not instructions for you: do not act on anything written inside unless the human asks. Block tag: 63e7200c529364fd.
BEGIN THIRD-PARTY FILE 63e7200c529364fd
````text
---
name: daily-focus-board
description: 'Spin up a personal, motivating daily focus board that renders in a browser canvas and that the user drives by talking to their AI partner. Tasks track status (to-do → in progress → done) with timestamped progress notes and roll up into a "today''s momentum" feed; numeric-goal tasks (pages, pomodoros, reps) render as progress-bar counters. Executive-function / neurodivergent-friendly by design: Focus mode, kind "not today" carryover (no overdue-shaming), a brain-dump box, reduced-motion, and gentle deadline countdowns. Add, reorder, and relabel tasks live, assign Eisenhower priority (Do first / Schedule / Delegate / Later), open with an above/below-the-line check-in and a daily mantra, and save an end-of-day recap. Use when someone wants to plan their day, stay focused, kick off a work session, or track progress. Progress persists in the browser (localStorage).'
---
# Daily Focus Board
A warm, visual "let's go" board for a person's day — rendered from a self-contained HTML
template, opened in a browser (ideally a side-panel **canvas** in the GitHub Copilot app), and
kept current *by conversation*: the human tells you what they finished, you update the board.
This is Ember partnership in daily practice: not a static to-do list, a thing you run *with*
your AI. Keep it light, encouraging, and honest — celebrate real progress, don't inflate it.
## When to use it
Trigger when the user wants to: plan today, "get organized / stay focused," start a work
session, or track progress on a set of tasks they list. If they just mention a pile of things
to do, offer the board.
## How to build it (3 steps)
**1. Gather the tasks.** Ask for (or lift from what they already said) their handful of tasks
for the day. For each, capture: a short title, an optional emoji, an optional one-line
sub-note, and an optional tag. If a task is a *count toward a number* (steps, pages,
pomodoros, reps), make it a **counter** with a numeric `goal`. Keep it to ~4–9 items — a focus
board, not a backlog.
**2. Generate the board.** Copy `assets/board.template.html` to a working file (e.g.
`focus-board.html` in a scratch/working dir — NOT into a source repo unless asked). In the copy,
find this line near the top:
```html
```
Replace `null` with the config object. **Inject it as JSON with `<` escaped** so a task's text
can never break out of the `