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

Об этом навыке

Подходящий сценарий: Ideal for AI agents that need render a markdown document in a native glimpse window with syntax-highlighted code and rich diff. Локализованное описание: 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 supports

Возможности

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.

# Ключевые темы

saffron-health saffron-health
[564]
[36]
Обновлено: 4/29/2026

Skill Overview

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

Подходящий сценарий: Ideal for AI agents that need render a markdown document in a native glimpse window with syntax-highlighted code and rich diff. Локализованное описание: 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 supports

Зачем использовать этот навык

Рекомендация: 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

Подходит лучше всего

Подходящий сценарий: Ideal for AI agents that need render a markdown document in a native glimpse window with syntax-highlighted code and rich diff.

Реализуемые кейсы использования for glimpse-changes

Сценарий использования: Applying Render a Markdown document in a native Glimpse window with syntax-highlighted code and rich diff
Сценарий использования: Applying Pipe markdown or pass it as an argument:
Сценарий использования: Applying cat report.md npx glimpse-changes

! Безопасность и ограничения

  • Ограничение: --dry-run — Render to file only, don't open Glimpse. Prints { dryRun: true, htmlPath, title } as JSON.
  • Ограничение: Command diffs — executed at render time, must start with git diff:
  • Ограничение: 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-демо

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 и шаги установки

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

? Частые вопросы

Что такое glimpse-changes?

Подходящий сценарий: Ideal for AI agents that need render a markdown document in a native glimpse window with syntax-highlighted code and rich diff. Локализованное описание: 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 supports

Как установить glimpse-changes?

Выполните команду: npx killer-skills add saffron-health/libretto. Она работает с Cursor, Windsurf, VS Code, Claude Code и более чем 19 другими IDE.

Для чего можно использовать glimpse-changes?

Ключевые сценарии использования: Сценарий использования: Applying Render a Markdown document in a native Glimpse window with syntax-highlighted code and rich diff, Сценарий использования: Applying Pipe markdown or pass it as an argument:, Сценарий использования: Applying cat report.md npx glimpse-changes.

Какие IDE совместимы с glimpse-changes?

Этот навык совместим с 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. Для единой установки используйте CLI Killer-Skills.

Есть ли ограничения у glimpse-changes?

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

Как установить этот skill

  1. 1. Откройте терминал

    Откройте терминал или командную строку в директории проекта.

  2. 2. Запустите команду установки

    Выполните: npx killer-skills add saffron-health/libretto. CLI автоматически определит вашу IDE или агента и настроит навык.

  3. 3. Начните использовать skill

    Skill уже активен. Ваш AI-агент может сразу использовать glimpse-changes в текущем проекте.

! 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.

Связанные навыки

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

Показать все

openclaw-release-maintainer

Logo of openclaw
openclaw

Локализованное описание: 🦞 # 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.

widget-generator

Logo of f
f

Локализованное описание: 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, Cursor

flags

Logo of vercel
vercel

Локализованное описание: 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
Браузер

pr-review

Logo of pytorch
pytorch

Локализованное описание: 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
Разработчик