Skip to content

docs: replace the screenshots with a one-minute demo video #8

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
pasichDev merged 1 commit into from
Oct 4, 2026
Merged

docs: replace the screenshots with a one-minute demo video #8

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 2 additions & 9 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,8 +10,9 @@ Warp — across every project, before the work is worth a ticket. Local-first,
self-hostable, no SaaS account.**

<p align="center">
<img src="docs/assets/demo.gif" alt="Claude Code and Codex, each in a different project, add a todo; both appear on the Docket dashboard within seconds, filed under their own projects" width="100%" />
<a href="https://pasichdev.github.io/docket/#digests"><img src="docs/assets/docket-demo-play.jpg" alt="Watch the one-minute demo: Claude Code makes the day's digest, the dashboard by area and by person, a task closed with a reason, and Codex and Claude each taking a digest item by number" width="100%" /></a>
</p>
<p align="center"><sub><a href="https://pasichdev.github.io/docket/#digests">Watch the one-minute demo</a> · <a href="docs/assets/docket-demo.mp4">download the mp4</a></sub></p>

## Quick start

Expand Down Expand Up @@ -240,10 +241,6 @@ Full field and workflow reference: [`skills/docket/SKILL.md`](skills/docket/SKIL

## Digests

<p align="center">
<img src="docs/assets/digest-home.jpg" alt="The dashboard home page: a digest with a summary, highlights, source chips, a 'since the previous digest' card and metric tiles, with a Tasks card and a timeline of digests on the side" width="100%" />
</p>

Ask your agent *"make a digest"* (or *"зроби дайджест"*). The `docket:digest`
skill reads your merge requests, pull requests, Notion tickets, local commits
and docket items, checks every status at the source, and publishes the result —
Expand Down Expand Up @@ -273,10 +270,6 @@ paired devices. Details: [`docs/digests.md`](docs/digests.md).
week"*), environment checks, mail and chat via MCP, a daily run — and the
skill keeps short notes on what you keep correcting.

<p align="center">
<img src="docs/assets/digest-area.jpg" alt="Digest items grouped into Work, Learning and Side projects, each row numbered, with status, owner and a change badge" width="49%" />
<img src="docs/assets/digest-people.jpg" alt="The same digest by person, with one blocked ticket expanded to show the agent's analysis" width="49%" />
</p>

## CLI

Expand Down
Binary file removed docs/assets/demo.gif
View file
Open in desktop
Binary file not shown.
Binary file removed docs/assets/digest-area.jpg
View file
Open in desktop
Binary file not shown.
Binary file removed docs/assets/digest-home.jpg
View file
Open in desktop
Binary file not shown.
Binary file removed docs/assets/digest-people.jpg
View file
Open in desktop
Binary file not shown.
Binary file added docs/assets/docket-demo-play.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/assets/docket-demo-poster.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/assets/docket-demo.mp4
View file
Open in desktop
Binary file not shown.
24 changes: 6 additions & 18 deletions docs/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
<meta property="og:url" content="https://pasichdev.github.io/docket/" />
<meta property="og:title" content="Docket — one list every AI tool can write to" />
<meta property="og:description" content="Scoped per project, local-first, self-hostable. No SaaS account." />
<meta property="og:image" content="https://pasichdev.github.io/docket/assets/demo-dark.jpg" />
<meta property="og:image" content="https://pasichdev.github.io/docket/assets/docket-demo-poster.jpg" />
<meta name="twitter:card" content="summary_large_image" />

<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='8' fill='%233f7a50'/%3E%3Cpath d='M9 16.5l4.5 4.5L23 11.5' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E" />
Expand Down Expand Up @@ -203,7 +203,8 @@
type stops being legible, which is the only reason to show a screenshot at all. */
max-width: 660px; margin: 0 auto;
}
.demo-shot img { width: 100%; display: block; }
.demo-shot img, .demo-shot video { width: 100%; display: block; }
.demo-video { aspect-ratio: 16 / 9; background: #120d09; }
.shot-caption { text-align: center; font-size: 13.5px; color: var(--meta); margin-top: 12px; }

/* --- feature cards ------------------------------------------------------------------ */
Expand Down Expand Up @@ -367,23 +368,10 @@ <h2 class="section-title">One list, many projects</h2>
<h2 class="section-title">A digest of your work, on the home page</h2>
<p class="section-sub">Say <code>make a digest</code> to your agent. It reads your GitLab merge requests, GitHub pull requests and issues, Notion or Jira tickets, notes and mail — read-only, with the logins it already has — checks every status at the source, and publishes. Docket never holds those credentials; it keeps what the agent wrote and shows it here.</p>

<div class="demo-tabs" role="tablist">
<button role="tab" data-pane="digest-home" data-active="true" aria-selected="true">Home</button>
<button role="tab" data-pane="digest-area" data-active="false" aria-selected="false">By area</button>
<button role="tab" data-pane="digest-people" data-active="false" aria-selected="false">By person</button>
</div>
<div class="demo-pane" data-pane="digest-home" data-active="true">
<div class="demo-shot"><img src="assets/digest-home.jpg" alt="The dashboard home page: a digest with a summary, highlights, source chips, a 'since the previous digest' card listing status changes, and metric tiles; a Tasks card and a timeline of digests on the side" loading="lazy" /></div>
<p class="shot-caption">The latest digest: what matters, what changed since the previous one — computed, not guessed — and the task list at a glance.</p>
</div>
<div class="demo-pane" data-pane="digest-area" data-active="false">
<div class="demo-shot"><img src="assets/digest-area.jpg" alt="Digest items grouped into Work, Learning and Side projects, with filter chips; each row has a number, a status pill, its owner and a 'was draft' change badge" loading="lazy" /></div>
<p class="shot-caption">Grouped by area, filtered with a click. Every row is numbered, linked to its source, and one click from becoming a task.</p>
</div>
<div class="demo-pane" data-pane="digest-people" data-active="false">
<div class="demo-shot"><img src="assets/digest-people.jpg" alt="The same digest laid out by person: the user's own steps first, one item expanded to show a markdown analysis of a blocked ticket" loading="lazy" /></div>
<p class="shot-caption">By person: numbered next steps for you, for each teammate, and for the agent. Blocked or stale items carry a real analysis, not just a status.</p>
<div class="demo-shot demo-video">
<video src="assets/docket-demo.mp4" poster="assets/docket-demo-poster.jpg" controls muted playsinline preload="metadata" aria-label="One minute of Docket: Claude Code makes the day's digest, the dashboard by area and by person, a task closed with a reason, and Codex and Claude each taking a digest item by number"></video>
</div>
<p class="shot-caption">One minute, one take: a digest made in Claude Code, the dashboard by area and by person, a task closed with a reason, and Codex and Claude each taking an item by its number — both visible on the list as they work.</p>

<div class="features" style="margin-top:28px;">
<div class="feature-card">
Expand Down
Loading