Can I target specific iPhone or iPad models?

Yes, you can specify a simulator parameter (e.g., 'iPhone 15 Pro') to see how your UI scales across different screen sizes.

How does Claude analyze the preview results?

After the skill captures a PNG of the rendered view, it uses Claude's vision capabilities to describe the layout, identify potential UI bugs, and suggest improvements.

Does this skill require Xcode to be installed?

Yes, this skill utilizes your local Xcode toolchain and macOS simulator to build and render the SwiftUI views.

Can I preview views from a specific SPM package?

Yes, the skill automatically detects Package.swift files in parent directories and configures the environment to build SPM-based views.

Xcode Preview Visualizer

Name: Xcode Preview Visualizer
Author: Iron-Ham

byIron-Ham

•

123

•

Mobile Development

Generates and captures SwiftUI view previews from Xcode projects or standalone files for immediate visual analysis and design feedback.

The Xcode Preview Visualizer skill enables iOS developers to see exactly how their SwiftUI code renders without manually cycling through the simulator or switching context. By automating the build-and-capture process for standalone Swift files, SPM packages, or complex Xcode projects, it provides Claude with direct visual context. This allows for intelligent layout analysis, color audits, and UI debugging directly within the chat interface, streamlining the design-to-code iteration loop.

Key Features

01Support for custom build schemes and specific simulator targets

02123 GitHub stars

03Instant screenshot capture from the active iOS simulator

04Automated visual analysis of layout, styling, and UI structure

05Unified preview detection for projects, SPM packages, and standalone files

06Interactive error reporting and suggested fixes for build failures

Use Cases

01Identifying and fixing layout overflows, alignment issues, or color mismatches

02Rapidly iterating on SwiftUI component designs with real-time visual feedback

03Verifying UI rendering across different device simulators and orientations

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add iron-ham/xcodepreviews preview

For use in Claude.ai and ChatGPT

Download Skill