glimpse-changes — for Claude Code glimpse-changes, libretto, community, for Claude Code, ide skills, cli tool, markdown rendering, diff rendering, syntax highlighting, browser interaction

v1.9.3

Über diesen Skill

Geeigneter Einsatz: Ideal for AI agents that need render a markdown document in a native glimpse window with syntax-highlighted code and rich diff. Lokalisierte Zusammenfassung: The AI toolkit for building and maintaining browser automations # Glimpse Changes Render a Markdown document in a native Glimpse window with syntax-highlighted code and rich diff rendering. It covers automation, browser, claude-code workflows. This AI agent skill

Funktionen

Render Markdown documents in native Glimpse windows with syntax-highlighted code and rich diff rendering.
Use `git diff` to execute command diffs at render time.
Create full unified diffs by pasting standard `git diff` output in a `diff` fenced block.
Show expandable file-level diffs with full syntax highlighting using `changes` fenced blocks.
Synthesize proper new-file diffs for added-file snippets.

# Kernthemen

saffron-health saffron-health
[564]
[36]
Aktualisiert: 4/29/2026

Skill Overview

Start with fit, limitations, and setup before diving into the repository.

Geeigneter Einsatz: Ideal for AI agents that need render a markdown document in a native glimpse window with syntax-highlighted code and rich diff. Lokalisierte Zusammenfassung: The AI toolkit for building and maintaining browser automations # Glimpse Changes Render a Markdown document in a native Glimpse window with syntax-highlighted code and rich diff rendering. It covers automation, browser, claude-code workflows. This AI agent skill

Warum diese Fähigkeit verwenden

Empfehlung: glimpse-changes helps agents render a markdown document in a native glimpse window with syntax-highlighted code and rich diff. Glimpse Changes is a cutting-edge AI toolkit for building and maintaining

Am besten geeignet für

Geeigneter Einsatz: Ideal for AI agents that need render a markdown document in a native glimpse window with syntax-highlighted code and rich diff.

Handlungsfähige Anwendungsfälle for glimpse-changes

Anwendungsfall: Applying Render a Markdown document in a native Glimpse window with syntax-highlighted code and rich diff
Anwendungsfall: Applying Pipe markdown or pass it as an argument:
Anwendungsfall: Applying cat report.md npx glimpse-changes

! Sicherheit & Einschränkungen

  • Einschraenkung: --dry-run — Render to file only, don't open Glimpse. Prints { dryRun: true, htmlPath, title } as JSON.
  • Einschraenkung: Command diffs — executed at render time, must start with git diff:
  • Einschraenkung: Every non-empty line must start with +, -, or a space. Invalid lines cause an error.

About The Source

The section below comes from the upstream repository. Use it as supporting material alongside the fit, use-case, and installation summary on this page.

Labs-Demo

Browser Sandbox Environment

⚡️ Ready to unleash?

Experience this Agent in a zero-setup browser environment powered by WebContainers. No installation required.

Boot Container Sandbox

FAQ und Installationsschritte

These questions and steps mirror the structured data on this page for better search understanding.

? Häufige Fragen

Was ist glimpse-changes?

Geeigneter Einsatz: Ideal for AI agents that need render a markdown document in a native glimpse window with syntax-highlighted code and rich diff. Lokalisierte Zusammenfassung: The AI toolkit for building and maintaining browser automations # Glimpse Changes Render a Markdown document in a native Glimpse window with syntax-highlighted code and rich diff rendering. It covers automation, browser, claude-code workflows. This AI agent skill

Wie installiere ich glimpse-changes?

Führen Sie den Befehl aus: npx killer-skills add saffron-health/libretto/glimpse-changes. Er funktioniert mit Cursor, Windsurf, VS Code, Claude Code und mehr als 19 weiteren IDEs.

Wofür kann ich glimpse-changes verwenden?

Wichtige Einsatzbereiche sind: Anwendungsfall: Applying Render a Markdown document in a native Glimpse window with syntax-highlighted code and rich diff, Anwendungsfall: Applying Pipe markdown or pass it as an argument:, Anwendungsfall: Applying cat report.md npx glimpse-changes.

Welche IDEs sind mit glimpse-changes kompatibel?

Dieser Skill ist mit Cursor, Windsurf, VS Code, Trae, Claude Code, OpenClaw, Aider, Codex, OpenCode, Goose, Cline, Roo Code, Kiro, Augment Code, Continue, GitHub Copilot, Sourcegraph Cody, and Amazon Q Developer kompatibel. Nutzen Sie die Killer-Skills CLI für eine einheitliche Installation.

Gibt es Einschränkungen bei glimpse-changes?

Einschraenkung: --dry-run — Render to file only, don't open Glimpse. Prints { dryRun: true, htmlPath, title } as JSON.. Einschraenkung: Command diffs — executed at render time, must start with git diff:. Einschraenkung: Every non-empty line must start with +, -, or a space. Invalid lines cause an error..

So installieren Sie den Skill

  1. 1. Terminal öffnen

    Öffnen Sie Ihr Terminal oder die Kommandozeile im Projektverzeichnis.

  2. 2. Installationsbefehl ausführen

    Führen Sie aus: npx killer-skills add saffron-health/libretto/glimpse-changes. Die CLI erkennt Ihre IDE oder Ihren Agenten automatisch und richtet den Skill ein.

  3. 3. Skill verwenden

    Der Skill ist jetzt aktiv. Ihr KI-Agent kann glimpse-changes sofort im aktuellen Projekt verwenden.

! Source Notes

This page is still useful for installation and source reference. Before using it, compare the fit, limitations, and upstream repository notes above.

Upstream Repository Material

The section below comes from the upstream repository. Use it as supporting material alongside the fit, use-case, and installation summary on this page.

Upstream Source

glimpse-changes

Install glimpse-changes, an AI agent skill for AI agent workflows and automation. Explore features, use cases, limitations, and setup guidance.

SKILL.md
Readonly
Upstream Repository Material
The section below comes from the upstream repository. Use it as supporting material alongside the fit, use-case, and installation summary on this page.
Upstream Source

Glimpse Changes

Render a Markdown document in a native Glimpse window with syntax-highlighted code and rich diff rendering.

Usage

Pipe markdown or pass it as an argument:

bash
1cat report.md | npx glimpse-changes 2npx glimpse-changes "# Title\n\nContent"

Use - to force reading from stdin:

bash
1npx glimpse-changes -

Options

  • --dry-run — Render to file only, don't open Glimpse. Prints { dryRun: true, htmlPath, title } as JSON.
  • --background — Open the window in the background, print the output file path, and exit immediately. The output file contains __PENDING__ until the user closes the window, then it contains the review output.

By default the CLI blocks until the window is closed and prints review output to stdout.

Diff blocks

Command diffs — executed at render time, must start with git diff:

!`git diff -- path/to/file`

Full unified diffs — paste standard git diff output in a diff fenced block:

```diff
diff --git a/foo.txt b/foo.txt
--- a/foo.txt
+++ b/foo.txt
@@ -1,3 +1,3 @@
 context
-old
+new
```

Inline diffs — bare +/-/ prefixed lines in a diff fenced block:

```diff
-removed line
+added line
 context line
```

Every non-empty line must start with +, -, or a space. Invalid lines cause an error.

For added-file snippets, you can start with +++ path/to/file.ext and keep the remaining lines prefixed with +. The renderer will synthesize a proper new-file diff so the filename and syntax highlighting are preserved.

Changes blocks

Use a changes fenced block to show expandable file-level diffs with full syntax highlighting. Each line is a file path, optionally with a line range to focus on:

```changes
src/cli/run.ts
src/utils/parse.ts:10-50
```

The renderer reads the file from the working tree and compares it against HEAD via git show, producing a rich interactive diff with collapsible hunks, add/remove stats, and syntax highlighting inferred from the file extension.

Code blocks

Fenced code blocks with a language tag get syntax highlighting via @pierre/diffs:

```js
const x = 1;
```

Markdown support

Beyond code and diff blocks, the renderer supports:

  • Headings (# H1 through ###### H6) — H1–H3 appear in a table of contents
  • Bold (**text**), italic (*text*), inline code (`code`), links ([label](url))
  • Blockquotes (> text)
  • Unordered lists (- item)
  • Ordered lists (1. item)
  • Tables (GFM pipe syntax with alignment)
  • Horizontal rules (---)
  • Bare URLs are auto-linked

Annotations (user review)

When the window is open, the user can select text and leave inline comments. On close, the CLI outputs all annotations in a structured format:

User review:

> selected text (file:line)

User's comment here

If the user closes without annotating, the output is: Window closed. User marked done without review.

Typical workflow

  1. Inspect changes with git diff, git status, etc.
  2. Write a markdown explanation of the changes.
  3. Pipe it to npx glimpse-changes.

Prefer command diffs (!`git diff ...`) over pasting raw diff content — they always reflect the current working tree. Use changes blocks for interactive file-level diffs with expand/collapse.

Verwandte Fähigkeiten

Looking for an alternative to glimpse-changes or another community skill for your workflow? Explore these related open-source skills.

Alle anzeigen

openclaw-release-maintainer

Logo of openclaw
openclaw

Lokalisierte Zusammenfassung: 🦞 # OpenClaw Release Maintainer Use this skill for release and publish-time workflow. It covers ai, assistant, crustacean workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

333.8k
0
Künstliche Intelligenz

widget-generator

Logo of f
f

Lokalisierte Zusammenfassung: Generate customizable widget plugins for the prompts.chat feed system # Widget Generator Skill This skill guides creation of widget plugins for prompts.chat . It covers ai, artificial-intelligence, awesome-list workflows. This AI agent skill supports Claude Code

149.6k
0
Künstliche Intelligenz

flags

Logo of vercel
vercel

Lokalisierte Zusammenfassung: The React Framework # Feature Flags Use this skill when adding or changing framework feature flags in Next.js internals. It covers blog, browser, compiler workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

138.4k
0
Browser

pr-review

Logo of pytorch
pytorch

Lokalisierte Zusammenfassung: Usage Modes No Argument If the user invokes /pr-review with no arguments, do not perform a review . It covers autograd, deep-learning, gpu workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

98.6k
0
Entwickler