メニュー
Capture previews of multiple SwiftUI files and generate a visual report. Use when the user wants to see all previews at once, create PR documentation, or batch-check UI across files.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
Iteratively fix a SwiftUI View to match a design image. Captures previews with axe, compares against the target design, and modifies the code until the UI matches. Use when the user provides a design image and wants the View adjusted to match it.
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.
Capture a SwiftUI preview and review its UI/UX quality. Checks layout, spacing, HIG compliance, accessibility, and visual consistency. Use when the user asks for UI feedback or wants a design review of a View.
Inspect the view hierarchy of a running simulator app using axe view. Use when debugging layout issues, investigating view structure, or diagnosing UI problems in a running app.
SOC 職業分類に基づく
| name | preview-report |
| description | Capture previews of multiple SwiftUI files and generate a visual report. Use when the user wants to see all previews at once, create PR documentation, or batch-check UI across files. |
| argument-hint | <file1.swift> [file2.swift...] |
| disable-model-invocation | true |
| allowed-tools | Bash(axe *), Bash(cat *), Bash(git diff *), Read, Glob, Grep |
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