القائمة
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 ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
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.
| 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