Skip to content

docs: add canvas dashboard screenshots to READMEs - #10

Merged
mnriem merged 1 commit into
github:mainfrom
mnriem:mnriem-animated-adventure
Aug 11, 2026
Merged

mnriem merged 1 commit into
github:mainfrom
mnriem:mnriem-animated-adventure

Conversation

@mnriem

@mnriem mnriem commented Aug 11, 2026

Copy link
Copy Markdown
Collaborator

What

Add representative screenshots of the three Copilot App canvas dashboards and embed them in the docs so folks can see how they look without installing anything.

Canvas Screenshot
Spec-Driven Development (sdd-canvas) docs/images/sdd-canvas.png
Idea Assessment (assess-canvas) docs/images/assess-canvas.png
Bug Fix (bugfix-canvas) docs/images/bugfix-canvas.png

Where they're used

  • Embedded in each canvas README (below the intro).
  • New Previews gallery in the main README's Canvases section.

How they were produced

Each image is a real render of the canvas's own index.html, driven by genuine state from the canvas's pure scan module (scanFeatures / scanAssessments / scanBugs) run against small representative fixtures, captured with headless Chromium at 2x. No UI code was changed. The dashboards show varied, realistic states (active feature, clarify/checklist gates, implement progress, go/needs-clarification verdicts, bug severity + verified/partial results).

Docs-only change.

Add representative screenshots of the three canvas dashboards (assess,
sdd, bugfix) under docs/images/, embed each in its canvas README, and add
a preview gallery to the main README Canvases section.

Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com>
Copilot-Session: 67e10b91-ec1e-4736-af95-f12945cf62b9
Copilot AI balanced review requested due to automatic review settings August 11, 2026 20:36
@mnriem
mnriem merged commit 54ff2f4 into github:main Aug 11, 2026
@mnriem
mnriem deleted the mnriem-animated-adventure branch August 11, 2026 20:37

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Adds visual previews of the three Copilot App canvas dashboards to improve documentation discoverability.

Changes:

  • Adds representative dashboard screenshots.
  • Embeds screenshots in canvas READMEs and a root README gallery.
Show a summary per file
File Description
README.md Adds the previews gallery.
docs/images/sdd-canvas.png Adds the SDD dashboard screenshot.
docs/images/assess-canvas.png Adds the assessment dashboard screenshot.
docs/images/bugfix-canvas.png Adds the bug-fix dashboard screenshot.
plugins/spec-kit-copilot-sdd/extensions/sdd-canvas/README.md Embeds the SDD preview.
plugins/spec-kit-copilot-assess/extensions/assess-canvas/README.md Embeds the assessment preview.
plugins/spec-kit-copilot-bugfix/extensions/bugfix-canvas/README.md Embeds the bug-fix preview.

Review details

Tip

Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

  • Files reviewed: 4/7 changed files
  • Comments generated: 1
  • Review effort level: Balanced

Comment thread README.md

| Spec-Driven Development | Idea Assessment | Bug Fix |
| --- | --- | --- |
| [![sdd-canvas](docs/images/sdd-canvas.png)](docs/images/sdd-canvas.png) | [![assess-canvas](docs/images/assess-canvas.png)](docs/images/assess-canvas.png) | [![bugfix-canvas](docs/images/bugfix-canvas.png)](docs/images/bugfix-canvas.png) |
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants