glimpse-changes

Featured

Create a visual explanation of the current session diff as a single HTML page and show it in a native Glimpse window. Use when the user wants a visual walkthrough of local code changes instead of a plain text diff.

AI & Automation 890 stars 69 forks Updated 3 weeks ago MIT

Install

View on GitHub

Quality Score: 94/100

Stars 20%
98
Recency 20%
90
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Glimpse Changes Render a Markdown walkthrough in a native Glimpse window with syntax-highlighted code and rich diff rendering. ## Setup ```bash npx glimpse-changes@1.9.5 --help ``` ## How to write a useful walkthrough Use Glimpse to walk another developer through the code in the clearest order, not necessarily the order files appear in the diff. Aim for a short, reviewable document: 1. Start with a specific title. 2. Add a brief summary of what changed. 3. Choose the walkthrough order that best explains the work. 4. Use prose between focused `changes` or `diff` blocks to explain intent, tradeoffs, and review risks. Prefer a narrative that follows the user or developer flow: what someone sees or does, how the request/state/data moves through the system, then any supporting helpers, tests, docs, or cleanup. If another order is clearer, use that instead. Write like a developer walking another developer through the change. Be direct and specific. Avoid dumping one large diff with a generic explanation. Prefer smaller, focused sections when they help the reader understand the code. Good explanation style: - "To keep the review focused on selected files, pass the filter through the renderer." - "Add a fallback label so empty reviews still have a useful title." - "The parser now keeps deleted files in the walkthrough so reviewers can see removals in context." Template: ````md # <Title> ## Summary - <User-visible or developer-visible effect> - <Main code path changed...

Details

Author
saffron-health
Repository
saffron-health/libretto
Created
6 months ago
Last Updated
3 weeks ago
Language
TypeScript
License
MIT

Bundled in these plugins

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Listed

explaining-code-changes

Creates self-contained HTML learning walkthroughs of code changes with background, intuition, code walkthroughs, embedded diagrams, and a self-check quiz. Use when the user asks to explain a diff, branch, commit, pull request, PR, or code change for learning, onboarding, or handoff. Not for code review, approval/readiness verdicts, or merge decisions.

0 Updated 4 weeks ago
msewell
API & Backend Listed

visual-recap

Side-route skill that renders a change as a single self-contained interactive HTML artifact — a finished diff, PR, or branch, or a plan's decisions and architecture before any of it is built. Three block sets: a scrolling recap for auditing a change (file-tree + change flags, annotated split diffs with line-anchored callouts, schema/API contract cards, UI wireframes, before/after columns, a per-unit series when one root cause repeats across four or more near-identical sites), a paged walkthrough deck for arguing a reader through one (premise → changes → mechanism → aftermath), and forward-looking blocks for a plan (decision cards, options comparisons, architecture diagrams — every field cited or visibly asserted). Diagrams take a CSS spine when trivial and Mermaid-via-CDN when multi-stage or behavioral. Use when a reader who didn't author the change or the plan needs to grasp its shape before reading prose. Optional and never auto-invoked; skip small or obvious diffs, and plans whose decisions foreclose nothi

3 Updated today
chrislacey89
AI & Automation Listed

pr-walkthrough

Produce a concise reviewer-friendly walkthrough of a PR or diff, including changed areas, behavior, tests, and risks.

15 Updated today
Pythoughts-labs