What file formats does it output?

The skill generates visual captures as PNG files, which are then read and analyzed by Claude for layout and styling feedback.

Can it handle dependencies in my project?

Yes, it supports full Xcode projects and SPM packages, automatically detecting targets and modules to ensure successful builds.

Can I use it for single Swift files without a project?

Absolutely. The skill features a standalone mode that builds Swift files using system frameworks, perfect for quick UI experiments.

Does this skill require Xcode to be installed?

Yes, this skill utilizes Xcode's command-line build tools and the iOS Simulator to render and capture SwiftUI views.

Does it work with existing simulators?

Yes, it can capture the screen of a currently running simulator or boot a specific device like the iPhone 17 Pro automatically.

Xcode Preview Visualizer

Name: Xcode Preview Visualizer
Author: Iron-Ham

byIron-Ham

•

123

•

Mobile Development

Builds SwiftUI views and captures simulator screenshots for real-time visual UI analysis and debugging within Claude.

The Xcode Preview Visualizer skill enables Claude to bridge the gap between code and visual rendering by automating the build process for SwiftUI components and capturing their output. It seamlessly integrates with Xcode projects, Swift Package Manager targets, and standalone Swift files to generate high-quality screenshots directly from the iOS simulator. This allows for instant visual feedback on layout, styling, and accessibility, enabling faster iteration cycles and more accurate UI adjustments without leaving the development environment.

主要功能

01Simulator screenshot capture for inspecting current UI state

02Standalone Swift file rendering for quick UI prototyping

03123 GitHub stars

04Direct integration with Swift Package Manager (SPM) targets

05Automated SwiftUI build and rendering capture

06Support for Xcode projects (.xcodeproj) and workspaces (.xcworkspace)

使用场景

01Capturing visual snapshots of iOS components for documentation and review

02Reviewing SwiftUI layout and styling for design accuracy

03Debugging UI overflows, alignment issues, and font scaling

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