A screenshot-capture workflow for SwiftUI previews. It uses the axe command-line tool to render a view's #Preview block as a PNG image.

Use it to capture one or more previews, display the resulting images, and inspect a SwiftUI view's current appearance.

It lets you see the current appearance of a view and visually check layout changes without manually launching the full app.

preview — Skill for Claude Code by k-kohey/axe

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent

npx skills add k-kohey/axe --skill preview

Clone the repo

git clone --depth 1 https://github.com/k-kohey/axe

Made for: Claude Code.

Or install axe-preview, the plugin that ships this one along with the rest of its 5 skills.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

README.md

[![agentmods](https://agentmods.dev/badge/skills/k-kohey/axe/preview/github.svg)](https://agentmods.dev/skills/k-kohey/axe/preview)

Your own site

<a href="https://agentmods.dev/skills/k-kohey/axe/preview"><img src="https://agentmods.dev/badge/skills/k-kohey/axe/preview/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

Your own site · 80×15

<a href="https://agentmods.dev/skills/k-kohey/axe/preview"><img src="https://agentmods.dev/badge/skills/k-kohey/axe/preview.svg" alt="Reviewed on agentmods" width="80" height="20"></a>

Per session 36 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.

When invoked 690 The whole file, excluding the scripts and references it only reads on demand.

Security scan C 2 findings. A grade says what 26 rules found in the file — not that it is safe.

Origin original No closer match found in the catalogue.

Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

Model	Per session	Once invoked
Fable 5.1	$0.00036	$0.00690
Opus 5.5	$0.00014	$0.00276
Sonnet 5.5	$0.00007	$0.00138
Haiku 4.5	$0.00004	$0.00069

Measured 5d ago against content hash 05a17686fa4b, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade C, and why

preview scanned grade C with 2 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 5d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Downloads and executes remote codehighSupply chain

curl | sh runs whatever the server returns today, which is not necessarily what it returned when this was reviewed.

curl -fsSL https://raw.githubusercontent.com/k-kohey/axe/main/install.sh | sh

Makes network callslowCapability

Not a fault in itself. Listed so you know the mod talks to something, and to what.

curl -fsSL https://raw.githubusercontent.com/k-kohey/axe/main/install.sh | sh

claude-plugin/skills/preview/SKILL.md · 63 lines

How it starts

The opening of the file, as written. The whole thing — 63 lines — stays where its author put it; the contents beside it link to each section on GitHub.

SwiftUI Preview Capture

Capture a screenshot of a SwiftUI View's #Preview block using axe preview report (preferred) or axe preview.

Steps

Default: Use `axe preview report`

axe preview report is preferred because it waits for rendering to complete (--wait, default 10s) and retries on failure. Use this unless you need to select a specific preview from multiple #Preview blocks.

Resolve $ARGUMENTS to a .swift file path. $ARGUMENTS may contain only a View name (e.g. ContentView), so use Glob to find the actual path (e.g. TodoApp/ContentView.swift).
Run axe preview report to capture the preview as a PNG image:

axe preview report <path/to/File.swift> --output <output.png>

Display the captured image using the Read tool.
- If the file contains multiple #Preview blocks, --output must be a directory. In that case, each screenshot is saved as <basename>--preview-<index>.png. Display all captured images.
Describe what you see in the preview to the user.

Fallback: Use `axe preview` (oneshot)

Use axe preview when you need to select a specific preview from a file that contains multiple #Preview blocks, via --preview <title|index>.

Note: oneshot mode captures immediately after the app signals readiness, with no rendering delay. This may result in a blank screenshot for views that require time to render.

axe preview <path/to/File.swift> > <output.png>

Options

--wait <duration> — Rendering delay before screenshot capture (default 10s, report only). Reduce for simple views, increase for complex ones.
--reuse-build — Skip xcodebuild and reuse artifacts from a previous build. Useful when capturing multiple previews in succession or when only the View source changed.
--preview <title|index> — Select a specific preview by title or index (oneshot only).

Notes

If the command fails, read $ERR_LOG and report the error to the user. Common causes:
- The file does not contain a #Preview block
- Missing .axerc or --scheme not specified
- axe or idb_companion not installed
The screenshot reflects the current state of the source code on disk. If the user has unsaved edits, remind them to save first.
Clean up generated screenshot and log files after they are no longer needed.

Read the full file on GitHub · 63 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

5d ago First seen · 63 lines · 36 tokens per session scan C 05a17686fa4b

Subscribe to this mod's changes

preview is a skill published in the GitHub repository k-kohey/axe (99 stars, last pushed 22d ago), licensed MIT. It adds 36 tokens to every session and 690 once invoked, about $0.0001 per session on Opus 5.5. A static security scan graded it C with 2 findings (downloads and executes remote code, makes network calls). No closer match exists in the catalogue, so it is treated as the original; first seen 2026-11-01.

Design and UX Mobile hotreload ios swift swiftui xcode

preview next to 6 skills from other repositories
Mod	Type	Stars	Last push	Licence	Scan	Tokens	Works with
previewk-kohey/axe	Skill	99	22d ago	MIT	C	36	Claude Code
ios-expertpersonamanagmentlayer/pcl	Skill	44	11d ago	Apache-2.0	A	64	Claude Code
ttb-skill-native-swiftui-componentstqtuan1201/TTBaseUIKit	Skill	23	3mo ago	MIT	A	55	Claude Code, Codex
ax-design-refKasempiternal/axiom-v2	Skill	4	8mo ago	MIT	A	64	Claude Code
ax-designKasempiternal/axiom-v2	Skill	4	8mo ago	MIT	A	41	Claude Code
swiftui-liquid-glassthiennc-tesoglobal/ios-skills	Skill	3	1mo ago	none	A	60	Claude Code
swiftui-responsive-layoutthiennc-tesoglobal/ios-skills	Skill	3	1mo ago	none	A	76	Claude Code

preview