github / github/awesome-copilot

[External Plugin]: MarkdStage

Offen
#3,210 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
external-plugin external-plugin-canvas ready-for-review
Vorherrschende Sprache
JavaScript
Sterne
39.2k
Forks
5k
Ø Merge
1 T. 16 Std.
Gemergte PRs (30 T.)
116

Beschreibung

### Plugin name

markdstage

### Short description

Create, edit, present, and export Markdown slides in a GitHub Copilot Canvas.

### GitHub repository

runceel/MarkdStage

### Plugin path inside the repository

.github/plugin/markdstage

### Ref to review

v4.2.4

### Commit SHA to review

34621f7217fbf2a10499c229229df4c86241095d

### Version

4.2.4

### License identifier

MIT

### Author name

Kazuki Ota

### Author URL

https://github.com/runceel

### Homepage URL

_No response_

### Keywords

canvas
copilot-canvas
markdown
slides
presentation

### Additional notes for reviewers

## Quick review scenario

Once the plugin is installed, the whole flow can be driven from chat:

1. Ask Copilot:

"Create github-copilot-app.md with about 10 MarkdStage-format slides that give an overview of
the GitHub Copilot app, include at least one Architecture DSL diagram and speaker notes, then
open that file in the MarkdStage canvas, check the layout for clipped slides, and show the
result in the fixed 16:9 output preview."

Copilot writes github-copilot-app.md, opens the MarkdStage Canvas on slide 1, and uses
inspect_layout to report clipping and Architecture measurements against the 1280x720 output
surface, fixing any overflow before showing the deck. More controls > Output preview toggles
the same fixed 16:9 surface by hand. Navigate with the on-canvas buttons, arrow keys, or the
slide list.

2. Move to the slide that contains the Architecture diagram.

3. Choose More controls > Shape editing. The Architecture editor canvas opens for that diagram:
move and resize nodes, add shapes, connect them, then Save to write the change back into the
Markdown source.

4. Back in the Canvas, exercise the presentation and output paths:
- More controls > Presenter view shows the current slide, the next slide, and speaker notes
side by side, with its own Previous / Next / Slide list controls.
- Start presentation in the presenter view opens a synchronized 1280x720 audience window
(F11 for full screen on Windows); End presentation closes it. More controls >
External window opens the same audience window directly from slide view.
- More controls > Export PDF writes a 16:9 PDF.
- More controls > Export PowerPoint... writes a hybrid editable .pptx, where diagram shapes,
connectors, and text stay editable PowerPoint objects and speaker notes become slide notes.

Presentation and export reuse an already-installed Edge, Chrome, or Chromium browser; the
extension never downloads one.

## Implementation notes

- This plugin is a Canvas extension. The tree at
.github/plugin/markdstage/com.github.copilot/extensions/markdstage is generated from the
canonical Extension source at .github/extensions/markdstage and verified byte-for-byte in CI
(npm run awesome:check).
- Besides Mermaid, the extension ships a stable Architecture DSL v1 (JSON in an `architecture`
fence) with a published JSON Schema, plus a dedicated diagram editor canvas, so diagram
positions, sizes, containers, and connectors stay deterministic across export.
- The extension runs locally, requires no network service and no API key, binds loopback HTTP
servers to 127.0.0.1, and bundles its own vendor assets with no runtime npm dependencies.

### Submission checklist

- [x] The plugin lives in a public GitHub repository.
- [x] The ref and/or sha I provided is immutable (release tag and/or full 40-character commit SHA), not a branch.
- [x] This submission follows this repository's contribution, security, and responsible AI policies.
- [x] This plugin is not already listed in the Awesome Copilot marketplace.

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Überprüfe das Plugin unter .github/plugin/markdstage und seine kanonische Quelle unter .github/extensions/markdstage mit ref v4.2.4 und dem Commit 34621f7217fbf2a10499c229229df4c86241095d. Führe das dokumentierte Review-Szenario und npm run awesome:check aus. Erledigt bedeutet, dass das Plugin angemessen überprüft wurde und der generierte Erweiterungsinhalt die Byte-für-Byte-Verifizierung des Repositorys besteht.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript, markdown
Bereich
content, documentation
Issue-Typ
Dokumentation
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Aktiv
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
72/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.