reviewing-ui-with-preview

Iterates on SwiftUI views by rendering Xcode previews to PNG snapshots via the Xcode MCP.

1|Updated Apr 5, 2026
One-click install
npx skills add https://github.com/moolah-rocks/moolah-native --skill reviewing-ui-with-preview-moolah-rocks
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: reviewing-ui-with-preview
Source: https://github.com/moolah-rocks/moolah-native/tree/main/.claude/skills/reviewing-ui-with-preview
Command: npx skills add https://github.com/moolah-rocks/moolah-native --skill reviewing-ui-with-preview-moolah-rocks

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Polishing a SwiftUI view normally requires rebuilding and relaunching the app after every tweak, which is slow and breaks flow. This Skill replaces that cycle with a tight loop: edit the view file, render its Xcode #Preview to a PNG through the Xcode MCP, inspect the snapshot, and converge on the design while the user watches the same preview in their Xcode canvas. ## Core Features & Use Cases - Preview-driven iteration loop: Edit a SwiftUI view, call mcp__xcode__RenderPreview, read the returned PNG, and describe concrete visual changes without rebuilding the app. - Worktree and project setup: Creates a git worktree, regenerates Moolah.xcodeproj with just generate, and identifies the correct Xcode window via XcodeListWindows. - Platform pitfall guidance: Documents known traps such as Color(nsColor:) breaking iOS builds, macOS date picker style overrides, popover focus quirks, stale SourceKit diagnostics, and codesign .cstemp errors. - Use Case: A user says the Create Account dialog spacing looks wrong. The Skill opens the view in a worktree, renders the preview, adjusts padding, re-renders, and confirms the fix visually with the user — no app launch required. ## Quick Start Ask the assistant to iterate on a specific SwiftUI view's layout or styling using Xcode previews instead of launching the app.

Frequently Asked Questions about reviewing-ui-with-preview

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I iterate on a SwiftUI view without rebuilding the app?▼

Use Xcode #Preview rendering through the Xcode MCP RenderPreview tool, which returns a PNG snapshot of the view after each edit. The user watches the same preview in the Xcode canvas, so both sides converge on the design without launching the app.

How do I render an Xcode preview from the command line or an AI assistant?▼

Call mcp__xcode__RenderPreview with the Xcode window's tabIdentifier and the view's source file path. It returns a PNG path you can read to inspect the rendered snapshot; retry once if the first call fails with a ResourceInvalidationError.

Can Xcode previews show sheets and popovers on macOS?▼

Popovers presented from a button inside the previewed view render and respond to clicks in the canvas. Sheets do not render in a static preview because they need a real window host; render the sheet view's own #Preview directly instead.

Why does my SwiftUI preview fail with codesign .cstemp errors?▼

A codesign run was interrupted, leaving stale .cstemp files that block preview rebuilds. Delete them with find on the DerivedData products directory, then re-render; if it persists, run Product → Clean Build Folder in Xcode.

When should I use the running app instead of Xcode previews?▼

Use the running app when the change is below the view layer (stores, repositories, sync), when the interaction needs a real sheet host, or when the user explicitly asks. Previews only cover view-local work backed by a PreviewBackend.