Agent skill

Preview

by blotcms in blotcms/blot

Run this git worktree's code in its own local server at https://slot-local.blot (slots a-e) so the operator can see and click through it while the main stack keeps running.

AGPL-3.0Auto-check passedDevelopment

Install Preview

skills CLI
$ npx skills add blotcms/blot --skill preview -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install blotcms/blot preview --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/blotcms/blot.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/preview .claude/skills/preview && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
preview
GitHub stars
2k
Token cost
~649 tokens
SKILL.md length
330 words
Files
1
Skills in repo
7
Repo updated
First seen
Licence
AGPL-3.0

At a glance

Run this git worktree's code in its own local server at https://slot-local.blot (slots a-e) so the operator can see and click through it while the main stack keeps running.

  • Works in 6 steps: Work out the page the operator should… → From the worktree run → Give the operator the printed Login URL… → …
  • The operator asks to preview
  • Calls npm and docker; reaches local.blot
  • Let them try the current changes

What it does

Preview is an agent skill from blotcms/blot. Run this git worktree's code in its own local server at https://slot-local.blot (slots a-e) so the operator can see and click through it while the main stack keeps running. Use when the operator asks to preview, show, or let them try the current changes, or to "set up a preview" for a worktree.

Its SKILL.md is about 650 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Development, covering Git worktrees. It works with Git. The repository describes itself as: Turns a folder into a website. The licence is AGPL-3.0.

When your agent uses it

  • The operator asks to preview
  • Let them try the current changes
  • Set up a preview for a worktree

Example prompts

  • “set up a preview”
  • “/preview”

Requirements

  • Docker

Workflow steps

6 steps, taken from the first numbered list in SKILL.md.

  1. Work out the page the operator should look at: the docs page, template
  2. From the worktree run
  3. Give the operator the printed Login URL (one-time, opens the dashboard)
  4. Edits to files in this worktree show up on the slot within seconds. Dashboard
  5. Do not use a slot to test sync, the scheduler or Redis-schema changes; only
  6. When the task is finished or the operator is done, run

What it can do on your machine

Read from SKILL.md and the folder at commit 9a0c75d. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • npm
    • docker

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Hosts in commands or code, which the agent is likely to contact:

    • local.blot

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Preview loads about 649 tokens when it runs. Until then it costs about 76 tokens; SKILL.md has 330 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~76
When it runs · the whole SKILL.md, loaded when a task matches
~649

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from blotcms/blot at commit 9a0c75d, republished under its AGPL-3.0 licence (© blotcms). 330 words, ~649 tokens.

Download SKILL.mdSave it as .claude/skills/preview/SKILL.md (or your agent's skills folder).
name
preview
description
Run this git worktree's code in its own local server at https://slot-local.blot (slots a-e) so the operator can see and click through it while the main stack keeps running. Use when the operator asks to preview, show, or let them try the current changes, or to "set up a preview" for a worktree.

Preview this worktree

https://local.blot serves the main checkout, never a worktree. Do not ask the operator to check the branch out; use a preview slot. Design and limits: scripts/development/worktrees.md.

  1. Work out the page the operator should look at: the docs page, template preview, dashboard page, or brochure page related to the task. Prefer the https://local.blot/... URL of that page; preview.sh rewrites it to the slot host.

  2. From the worktree run:

    bash
    scripts/development/preview.sh up <url-or-path>

    If it prints a WARNING that nginx has no preview routing, stop and tell the operator to update the main checkout to current master and restart nginx. If https://local.blot is down it refuses; ask the operator to run npm start. When the command runs inside a sandbox, its health check may be unable to reach an otherwise-running local.blot; retry with host access when the environment supports it before concluding that the main stack is offline.

  3. Give the operator the printed Login URL (one-time, opens the dashboard) and the Work URL, as clickable links. Use blot-node-<slot> in place of blot-node-app-1 for any docker exec. local.blot is the main checkout; <slot>-local.blot (for example, b-local.blot) is the worktree preview. If Firefox reports that the host cannot be found and mentions mozilla.cloudflare-dns.com, Secure DNS / DNS over HTTPS is bypassing the local resolver. Have the operator choose Always continue for this site or disable Secure DNS/use the system resolver, then reload the printed URL.

  4. Edits to files in this worktree show up on the slot within seconds. Dashboard changes (site settings, template edits) are written to the shared dev database and also show on local.blot.

  5. Do not use a slot to test sync, the scheduler or Redis-schema changes; only the main stack runs those. SITE-template edits (app/templates/source) do rebuild on a slot, but write to the shared dev Redis, so they also show on local.blot.

  6. When the task is finished or the operator is done, run scripts/development/preview.sh down to release the slot (preview.sh ls shows who holds each one).

© blotcms, AGPL-3.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in .claude/skills/preview of blotcms/blot.

Open the folder on GitHubat commit 9a0c75d

Compare with similar skills

Preview next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Preview compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Preview this skillblotcms/blot2k—~649Automated safety check: PassAGPL-3.0
Git Worktree IsolationjnMetaCode/superpowers-zh8.3k1 repos~982Automated safety check: PassMIT
WorktreeAgentsMesh/AgentsMesh2.4k—~553Automated safety check: NotesCustom licence
Cursor Composer Task DelegateChachamaru127/claude-code-harness3.2k—~4.4kAutomated safety check: NotesMIT
Git Worktree Setupk8zdev/k8z155—~930Automated safety check: PassNone
New Featuremichaelshimeles/skills1.3k1 repos~699Automated safety check: PassNone

Similar skills

  • Git Worktree Isolation

    jnMetaCode/superpowers-zh

    Sets up an isolated workspace before feature work or plan execution, preferring native worktree tools and falling back to git worktree, with instructions in Chinese.

    8.3k GitHub starsUsed in 1 repo~982 tokens
    DevelopmentAuto-check passed
  • Worktree

    AgentsMesh/AgentsMesh

    Creates or reuses an isolated AgentsMesh Git worktree from a verified base branch, preserves existing changes, and optionally starts the worktree-scoped development environment.

    2.4k GitHub stars~553 tokensUpdated 14 days ago
    DevelopmentAuto-check: notes
  • Cursor Composer Task Delegate

    Chachamaru127/claude-code-harness

    Hands one implementation task to Cursor Composer in an isolated git worktree, then reviews its diff and cherry-picks the result into the main branch.

    3.2k GitHub stars~4.4k tokensUpdated 2 days ago
    DevelopmentAuto-check: notes
  • Automate git worktree creation and copy private files (not tracked in git) to new workdirs.

    155 GitHub stars~930 tokensUpdated 3 mo ago
    DevelopmentAuto-check passed
  • New Feature

    michaelshimeles/skills

    Start a new task in an isolated Git worktree branched from origin/main so multiple agents can work on the same repo in parallel without conflicts.

    1.3k GitHub starsUsed in 1 repo~699 tokens
    DevelopmentAuto-check passed
  • Use Mori CLI to enable agent-to-agent communication and coordination across Mori-managed panes.

    303 GitHub stars~1.7k tokensUpdated 2 mo ago
    DevelopmentAuto-check passed

More from blotcms/blot

  • Review what Blot's request-time folder-link rewrite (app/blog/render/replaceFolderLinks) still does in production, from the [folder-links] and [folder-asset-origin] log lines, to decide what has to…

    2k GitHub stars~2.2k tokensUpdated today
    Auto-check passed
  • Investigate a "Dropbox sync issue" alert email from Blot's hourly Dropbox sync validation ("detected previously unsynced changes from Dropbox for the following sites").

    2k GitHub stars~3.8k tokensUpdated today
    Auto-check passed
  • Work out why the blot-container-{blue,green,yellow} Docker containers from the most recent production deployment have restarted — distinguishing a normal deploy-triggered restart from a crash (V8…

    2k GitHub stars~4.7k tokensUpdated today
    Auto-check passed
  • Scan the production openresty access log (/var/instance-ssd/logs/access.log) for requests with slow upstream response times (st=, the time the node containers took to answer), triage and rank them…

    2k GitHub stars~3.6k tokensUpdated today
    Auto-check passed
  • Analyze production Node.js app container response times to find slow-rendering sites, cross-checking against nginx queuing delay to rule out false positives (a site only looks slow because the event…

    2k GitHub stars~1.9k tokensUpdated today
    Auto-check passed
  • Triage a "sync/fix repaired <handle" admin email ("Fix() found and repaired issues for blog… (handle, client: …)"), sent whenever sync/fix (Fix()) changes anything for a blog.

    2k GitHub stars~3.5k tokensUpdated today
    Auto-check passed

Works with

Questions about Preview

What does Preview do?

Run this git worktree's code in its own local server at https://slot-local.blot (slots a-e) so the operator can see and click through it while the main stack keeps running. Preview is an agent skill from blotcms/blot.blot (slots a-e) so the operator can see and click through it while the main stack keeps running.

When should I use Preview?

Preview fits situations like: the operator asks to preview; let them try the current changes; set up a preview for a worktree.

How do I install Preview in Claude Code?

Run `npx skills add blotcms/blot --skill preview -a claude-code`. Or copy the skill folder (.claude/skills/preview in blotcms/blot) into .claude/skills/preview in your project. Claude Code loads it when a task matches its description.

How do I install Preview in Codex?

Run `npx skills add blotcms/blot --skill preview -a codex`. Or copy the skill folder (.claude/skills/preview in blotcms/blot) into .agents/skills/preview in your project. Codex loads it when a task matches its description.

Can I use Preview in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add blotcms/blot --skill preview -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/preview, .gemini/skills/preview, .github/skills/preview and .opencode/skills/preview in your project.

What does Preview need to run?

Going by SKILL.md and its folder, Preview needs the command-line tools its instructions call (npm and docker). Our summary lists: Docker.

Does Preview access the network?

SKILL.md names 1 domain. In commands or code: local.blot; the agent is likely to contact it when it follows the instructions. This is read from the text; nothing was executed.

Is Preview safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Preview use?

Preview is published under the AGPL-3.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Preview use?

About 649 tokens (SKILL.md is roughly 2.6k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Preview?

Skills that share tags, products or a category with Preview: Git Worktree Isolation (jnMetaCode/superpowers-zh, 8.3k stars), Worktree (AgentsMesh/AgentsMesh, 2.4k stars), Cursor Composer Task Delegate (Chachamaru127/claude-code-harness, 3.2k stars) and Git Worktree Setup (k8zdev/k8z, 155 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Preview?

blotcms (a GitHub organization) maintains it in blotcms/blot, which has 1,983 GitHub stars. The repository holds 7 skills in this directory. The repository was last updated on October 7, 2026.

Source: blotcms/blot on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.