From axe-preview
Captures screenshots of #Preview blocks in multiple SwiftUI files and generates Markdown visual reports with images. Useful for PR reviews, batch UI checks, and visual regression testing.
How this skill is triggered — by the user, by Claude, or both
Slash command
/axe-preview:preview-reportThis skill is limited to the following tools:
The summary Claude sees in its skill listing — used to decide when to auto-load this skill
Capture screenshots of all `#Preview` blocks across multiple SwiftUI files and generate a report.
Capture screenshots of all #Preview blocks across multiple SwiftUI files and generate a report.
If $ARGUMENTS specifies files, use those directly. $ARGUMENTS may contain only View names (e.g. ContentView) instead of file paths, so resolve each to a .swift path (e.g. TodoApp/ContentView.swift) using Glob.
If no arguments are provided, detect changed Swift files:
FILES=$(git diff --name-only --diff-filter=ACMR HEAD -- '*.swift')
if [ -z "$FILES" ]; then
echo "No changed Swift files found. Specify files explicitly."
exit 1
fi
axe preview report $FILES --format md --output <output-dir>
When $ARGUMENTS is provided, use $ARGUMENTS instead of $FILES:
axe preview report $ARGUMENTS --format md --output <output-dir>
This generates:
axe_swiftui_preview_report.md — Markdown report with embedded image referencesaxe_swiftui_preview_report_assets/*.png — Individual preview screenshotsRead the generated Markdown report with the Read tool. Then read each preview image in the assets directory to show them to the user.
Provide a summary of all captured previews, noting:
#Preview blocks found-j <n> to control parallel simulator count for faster capture--reuse-build to skip rebuilding if the project was recently built--format md with --format html for an interactive HTML report with lightboxRun this if the command fails because axe is not found::
curl -fsSL https://raw.githubusercontent.com/k-kohey/axe/main/install.sh | sh
npx claudepluginhub k-kohey/axe --plugin axe-previewCaptures screenshots of SwiftUI #Preview blocks using axe CLI. Visualize View appearance, check layouts, and verify visual changes.
Builds and captures Xcode/SwiftUI previews as screenshots for visual analysis. Supports standalone Swift files, Xcode projects, and SPM packages.
Converts Claude HTML/CSS prototypes (via design URL or .tar.gz) to single self-contained SwiftUI View files in active Xcode workspaces. Generates code, builds, previews, and visually diffs for layout fidelity.