Agent skill

Vrt

by marigold-ui in marigold-ui/marigold

DST — Trigger the Visual-Regression-Tests (Chromatic) GitHub Actions workflow on the current or a given branch.

MITAuto-check passedFrontend & Design

Install Vrt

skills CLI
$ npx skills add marigold-ui/marigold --skill vrt -a claude-code

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

GitHub CLI
$ gh skill install marigold-ui/marigold vrt --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/marigold-ui/marigold.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/vrt .claude/skills/vrt && 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
vrt
GitHub stars
146
Token cost
~787 tokens
SKILL.md length
360 words
Files
1
Skills in repo
1
Repo updated
First seen
Licence
MIT

At a glance

DST — Trigger the Visual-Regression-Tests (Chromatic) GitHub Actions workflow on the current or a given branch.

  • Works in 4 steps: Resolve the branch, then ask → Dispatch the workflow → Confirm the run started → …
  • The Visual-Regression-Tests (Chromatic) GitHub Actions workflow on the current
  • SKILL.md covers Usage, Workflow and Alternative trigger
  • Calls git and gh

What it does

Vrt is an agent skill from marigold-ui/marigold. DST — Trigger the Visual-Regression-Tests (Chromatic) GitHub Actions workflow on the current or a given branch. Use ONLY when the user explicitly asks to run visual regression tests, run Chromatic, or types /vrt. Dispatching consumes Chromatic snapshot quota, so never invoke this proactively, never as a follow-up to unrelated work, and never to "verify" a change nobody asked to verify.

Its SKILL.md is about 790 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 Frontend & Design, covering Visual regression testing, Accessibility and Design systems. It works with GitHub Actions, Tailwind CSS and React. The repository describes itself as: Design System based on react-aria and Tailwind CSS. The licence is MIT.

When your agent uses it

  • The Visual-Regression-Tests (Chromatic) GitHub Actions workflow on the current
  • Explicitly asks to run visual regression tests

Example prompts

  • “verify”
  • “/vrt”

Requirements

  • Pre-approved tools (allowed-tools): Bash(gh workflow run *), Bash(gh run list *), Bash(gh run view *), Bash(gh run watch *), Bash(git branch --show-current), Bash(git rev-list *)

Workflow steps

4 steps, taken from the step headings in SKILL.md.

  1. Resolve the branch, then ask
  2. Dispatch the workflow
  3. Confirm the run started
  4. If no run appears

What it can do on your machine

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

  • Tool permissions

    Pre-approves these tools, so the agent can use them without asking each time:

    • Bash(gh workflow run *)
    • Bash(gh run list *)
    • Bash(gh run view *)
    • Bash(gh run watch *)
    • Bash(git branch --show-current)
    • Bash(git rev-list *)

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • git
    • gh

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

  • Network

    No URLs in SKILL.md. Its commands use git and gh, which can reach the network depending on how they are called.

    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

Vrt loads about 787 tokens when it runs. Until then it costs about 99 tokens; SKILL.md has 360 words of instructions outside code blocks.

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

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 marigold-ui/marigold at commit ce5eaec, republished under its MIT licence (© marigold-ui). 360 words, ~787 tokens.

Download SKILL.mdSave it as .claude/skills/vrt/SKILL.md (or your agent's skills folder).
name
vrt
description
DST — Trigger the Visual-Regression-Tests (Chromatic) GitHub Actions workflow on the current or a given branch. Use ONLY when the user explicitly asks to run visual regression tests, run Chromatic, or types `/vrt`. Dispatching consumes Chromatic snapshot quota, so never invoke this proactively, never as a follow-up to unrelated work, and never to "verify" a change nobody asked to verify.
allowed-tools
Bash(gh workflow run *), Bash(gh run list *), Bash(gh run view *), Bash(gh run watch *), Bash(git branch --show-current), Bash(git rev-list *)

Trigger Visual Regression Tests

Dispatch the Visual-Regression-Tests workflow (.github/workflows/visual-regression-tests.yml) via workflow_dispatch, then report the run so the user can follow it.

This skill spends money. The allowed-tools list above is deliberately narrow, and step 1 is a hard gate — treat both as part of the skill, not as boilerplate.

Usage

/vrt              # current branch
/vrt <branch>     # named branch

Workflow

1. Resolve the branch, then ask

If $ARGUMENTS names a branch, use it. Otherwise take the current branch and check that it is pushed:

bash
git branch --show-current
git rev-list --count @{u}..HEAD

Non-zero: say so before asking, because the workflow runs against what is on the remote, not the local tree. The second command fails when the branch has no upstream, which means it was never pushed and the dispatch in step 2 would fail anyway: say that instead of asking.

A branch named in $ARGUMENTS gets no such check, since there is nothing local to compare it against. If the ref does not exist on the remote, step 2 fails with a clear error.

State the branch back and wait for the user to confirm.

Do this every time, including when the user typed /vrt: the confirmation is about which branch is about to burn snapshots, which is the part that goes wrong. Never dispatch on an inferred intent, and never fold a dispatch into a larger task the user asked for.

Show full SKILL.md (144 more words)Show less
2. Dispatch the workflow
bash
gh workflow run "Visual-Regression-Tests" --ref <branch>
3. Confirm the run started

Wait a few seconds, then:

bash
gh run list --workflow="Visual-Regression-Tests" --limit=1

Report the run URL.

4. If no run appears

The job is gated on a repository variable and will be skipped silently when visual regression is switched off:

vars.VRT_ENABLED != 'false'

A dispatch can therefore succeed while no job runs. If nothing is queued, check that variable (Settings → Secrets and variables → Actions → Variables) before assuming the dispatch failed.

Alternative trigger

On an open PR, commenting /run-chromatic starts the same workflow against the PR's head branch. It only works for users whose author association is OWNER, MEMBER, or COLLABORATOR. Prefer this when the goal is to attach a run to a specific PR — the /dst:review-pr skill suggests it for exactly that reason.

The workflow also runs automatically when a PR is merged into main, unless the PR only touches docs/**, **/*.md, **/*.mdx, or .changeset/**.

© marigold-ui, MIT. 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/vrt of marigold-ui/marigold.

Open the folder on GitHubat commit ce5eaec

Compare with similar skills

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

Vrt compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Vrt this skillmarigold-ui/marigold146—~787Automated safety check: PassMIT
Light Frontend DesignLight0305/Light-skills640—~3.1kAutomated safety check: PassMIT
UI/UX Design System AdvisorGalaxy-Dawn/claude-scholar5.7k1 repos~1.1kAutomated safety check: PassMIT
Extract DesignManavarya09/design-extract4.2k—~786Automated safety check: NotesMIT
Frontend UI FunctionalvictorGPT/vibeusage131—~939Automated safety check: PassMIT
UI Design Systemtry-works/role-model117—~5kAutomated safety check: PassMIT

Similar skills

  • Light Frontend Design

    Light0305/Light-skills

    Light 按需工程技能·前端设计:把模糊的「做个好看的界面」落成能跑的 React/Tailwind/shadcn 代码 + 设计决策说明—— 有视觉记忆点(signature element)、风格自洽(design tokens 一致)、适配场景(学术海报/数据大屏/管理后台/移动端/营销 landing 信息密度各不同)、反「一眼 AI」(紫蓝渐变/Inter/16px 圆角/巨型…

    640 GitHub stars~3.1k tokensUpdated 3 mo ago
    Frontend & DesignAuto-check passed
  • UI/UX Design System Advisor

    Galaxy-Dawn/claude-scholar

    Turns a vague UI request into a concrete design system with style, palette, typography and layout guidance from a search script, plus stack-specific implementation advice.

    5.7k GitHub starsUsed in 1 repo~1.1k tokens
    Frontend & DesignAuto-check passed
  • Extract Design

    Manavarya09/design-extract

    Extract the full design language from any website URL. An agent skill from Manavarya09/design-extract.

    4.2k GitHub stars~786 tokensUpdated 8 days ago
    Frontend & DesignAuto-check: notes
  • Frontend UI Functional

    victorGPT/vibeusage

    A skill your agent uses when building or refactoring functional React/Vite/Tailwind UI pages, templates, or component libraries that need consistent structure, tokenized styling, accessibility…

    131 GitHub stars~939 tokensUpdated 2 mo ago
    Frontend & DesignAuto-check passed
  • UI Design System

    try-works/role-model

    React UI component systems with TailwindCSS + Radix + shadcn/ui.

    117 GitHub stars~5k tokensUpdated today
    Frontend & DesignAuto-check passed
  • Audit AI Frontend

    jxnl/personal-monorepo-template

    Audit AI-generated, AI-shaped, or AI-looking frontend code, UI screenshots, and design diffs.

    562 GitHub stars~1.3k tokensUpdated 3 mo ago
    Frontend & DesignAuto-check passed

Questions about Vrt

What does Vrt do?

DST — Trigger the Visual-Regression-Tests (Chromatic) GitHub Actions workflow on the current or a given branch. Vrt is an agent skill from marigold-ui/marigold. DST — Trigger the Visual-Regression-Tests (Chromatic) GitHub Actions workflow on the current or a given branch.

When should I use Vrt?

Vrt fits situations like: the Visual-Regression-Tests (Chromatic) GitHub Actions workflow on the current; explicitly asks to run visual regression tests.

How do I install Vrt in Claude Code?

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

How do I install Vrt in Codex?

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

Can I use Vrt 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 marigold-ui/marigold --skill vrt -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/vrt, .gemini/skills/vrt, .github/skills/vrt and .opencode/skills/vrt in your project.

What does Vrt need to run?

Going by SKILL.md and its folder, Vrt needs the command-line tools its instructions call (git and gh). Its frontmatter pre-approves these tools: Bash(gh workflow run *), Bash(gh run list *), Bash(gh run view *), Bash(gh run watch *), Bash(git branch --show-current), Bash(git rev-list *).

Does Vrt access the network?

SKILL.md contains no URLs. Its commands use git and gh, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Vrt 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 Vrt use?

Vrt is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Vrt use?

About 787 tokens (SKILL.md is roughly 3.1k 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 Vrt?

Skills that share tags, products or a category with Vrt: Light Frontend Design (Light0305/Light-skills, 640 stars), UI/UX Design System Advisor (Galaxy-Dawn/claude-scholar, 5.7k stars), Extract Design (Manavarya09/design-extract, 4.2k stars) and Frontend UI Functional (victorGPT/vibeusage, 131 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Vrt?

marigold-ui (a GitHub organization) maintains it in marigold-ui/marigold, which has 146 GitHub stars. The repository was last updated on October 6, 2026.

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