k-kohey/axe/preview
Claude Code and agent skill by k-kohey/axe
- community
Checking that the SKILL.md file is still in the repository.
Capture a SwiftUI preview screenshot using axe CLI. Use when the user wants to see the current appearance of a SwiftUI View, check layout, or verify changes visually.
Install
npx vskill@latest install k-kohey/axe/previewSKILL.md
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
$ARGUMENTSto a.swiftfile path.$ARGUMENTSmay contain only a View name (e.g.ContentView), so use Glob to find the actual path (e.g.TodoApp/ContentView.swift).
- Run
axe preview reportto capture the preview as a PNG image:
- Display the captured image using the Read tool.
- If the file contains multiple
#Previewblocks,--outputmust 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.
Options
--wait <duration>— Rendering delay before screenshot capture (default 10s,reportonly). 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_LOGand report the error to the user. Common causes: - The file does not contain a
#Previewblock - Missing
.axercor--schemenot specified axeoridb_companionnot 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.
Prerequisites
Run this if the command fails because axe is not found::
Security
- Security scanPassed, 100 of 100Pattern checks on the skill's files.
- Model reviewNot runA model review is scheduled for the next rescan.
Quality evaluation
- Task evaluationNot runNo evaluation yet. Run one in Skill Studio.
Source
- SKILL.md in the repositoryCheckingclaude-plugin/skills/preview/SKILL.md
Popularity
- Repository stars
- 67
- Repository forks
- 4
- 7-day trend score
- 21
Stars and forks are for the whole GitHub repository, not this skill alone. Not refreshed yet.
Works with
Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.
- Claude Code
- Cursor
- GitHub Copilot
- Windsurf
- Codex
- Gemini CLI
- Cline
- Amp
- Roo Code
- Goose
- Continue
- Kilo Code
- Junie
- Trae
- OpenHands
- Qwen Code
- AI Agent
- Tabnine Chat
- Sourcegraph Cody
- Amazon Q
- Firebase Genkit
- Sweep
- Devin
- Phind
- Mentat
- Claude Desktop
- Aider
- GPT Pilot
- Plandex
- bolt.new
- v0
- Replit Agent
- Anse
- TypingMind
- BetterChatGPT
- LibreChat
- Warp AI
- Pieces
- Fig AI
Embed badge
[](https://verified-skill.com/skills/k-kohey/axe/preview)