preview-build — for Claude Code preview-build, XcodePreviews, community, for Claude Code, ide skills, > **Compatibility:** If, doesn't exist, fall back to, (legacy name). The, project <path>, workspace <path>

v1.0.0
GitHub

关于此技能

适用场景： Ideal for AI agents that need xcode preview capture skill. 本地化技能摘要： # Xcode Preview Capture Skill Build SwiftUI views and capture screenshots of their rendered output for visual analysis. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

功能特性

Xcode Preview Capture Skill
Build SwiftUI views and capture screenshots of their rendered output for visual analysis.
Scripts are located at ${PREVIEW BUILD PATH:-$HOME/XcodePreviews}/scripts/
Available Commands
Unified Preview (Recommended)

# 核心主题

for Claude Code > **Compatibility:** If doesn't exist, fall back to (legacy name). The project <path> workspace <path>
Iron-Ham Iron-Ham
[134]
[4]
更新于: 4/19/2026

Killer-Skills Review

Decision support comes first. Repository text comes second.

Reference-Only Page Review Score: 10/11

This page remains useful for teams, but Killer-Skills treats it as reference material instead of a primary organic landing page.

Original recommendation layer Concrete use-case guidance Explicit limitations and caution Quality floor passed for review
Review Score
10/11
Quality Score
74
Canonical Locale
en
Detected Body Locale
en

适用场景： Ideal for AI agents that need xcode preview capture skill. 本地化技能摘要： # Xcode Preview Capture Skill Build SwiftUI views and capture screenshots of their rendered output for visual analysis. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

核心价值

推荐说明： preview-build helps agents xcode preview capture skill. Xcode Preview Capture Skill Build SwiftUI views and capture screenshots of their rendered output for visual analysis. This AI agent skill supports Claude

适用 Agent 类型

适用场景： Ideal for AI agents that need xcode preview capture skill.

↓ 赋予的主要能力 · preview-build

适用任务： Applying Xcode Preview Capture Skill
适用任务： Applying Build SwiftUI views and capture screenshots of their rendered output for visual analysis
适用任务： Applying Scripts are located at ${PREVIEW BUILD PATH:-$HOME/XcodePreviews}/scripts/

! 使用限制与门槛

  • 限制说明： Build a standalone Swift file with system frameworks only:
  • 限制说明： Identify the target : Determine what needs to be previewed (Swift file, project scheme, or current simulator state)
  • 限制说明： Missing imports : Check if the target module needs to be added to imports

Why this page is reference-only

  • - Current locale does not satisfy the locale-governance contract.

Source Boundary

The section below is imported from the upstream repository and should be treated as secondary evidence. Use the Killer-Skills review above as the primary layer for fit, risk, and installation decisions.

评审后的下一步

先决定动作，再继续看上游仓库材料

Killer-Skills 的主价值不应该停在“帮你打开仓库说明”，而是先帮你判断这项技能是否值得安装、是否应该回到可信集合复核，以及是否已经进入工作流落地阶段。

安装路径

先进入安装与验证

如果这项技能值得继续，下一步应该先确认安装命令、CLI 写入路径与环境验证。
可信复核

回到可信合集再做一次复核

如果你还在比较不同技能或供应方，先回到可信合集做二次判断，而不是继续放大仓库噪音。
工作流

如果要进团队流转，转到工作流集合

当你的目标已经不是单个技能，而是团队协作、审批和可重复执行，就应该转到工作流合集继续比较。
实验室 Demo

Browser Sandbox Environment

⚡️ Ready to unleash?

Experience this Agent in a zero-setup browser environment powered by WebContainers. No installation required.

Boot Container Sandbox

常见问题与安装步骤

以下问题与步骤与页面结构化数据保持一致，便于搜索引擎理解页面内容。

? FAQ

preview-build 是什么？

适用场景： Ideal for AI agents that need xcode preview capture skill. 本地化技能摘要： # Xcode Preview Capture Skill Build SwiftUI views and capture screenshots of their rendered output for visual analysis. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

如何安装 preview-build？

运行命令：npx killer-skills add Iron-Ham/XcodePreviews/preview-build。支持 Cursor、Windsurf、VS Code、Claude Code 等 19+ IDE/Agent。

preview-build 适用于哪些场景？

典型场景包括：适用任务： Applying Xcode Preview Capture Skill、适用任务： Applying Build SwiftUI views and capture screenshots of their rendered output for visual analysis、适用任务： Applying Scripts are located at ${PREVIEW BUILD PATH:-$HOME/XcodePreviews}/scripts/。

preview-build 支持哪些 IDE 或 Agent？

该技能兼容 Cursor, Windsurf, VS Code, Trae, Claude Code, OpenClaw, Aider, Codex, OpenCode, Goose, Cline, Roo Code, Kiro, Augment Code, Continue, GitHub Copilot, Sourcegraph Cody, and Amazon Q Developer。可使用 Killer-Skills CLI 一条命令通用安装。

preview-build 有哪些限制？

限制说明： Build a standalone Swift file with system frameworks only:；限制说明： Identify the target : Determine what needs to be previewed (Swift file, project scheme, or current simulator state)；限制说明： Missing imports : Check if the target module needs to be added to imports。

↓ 安装步骤

  1. 1. 打开终端

    在你的项目目录中打开终端或命令行。

  2. 2. 执行安装命令

    运行：npx killer-skills add Iron-Ham/XcodePreviews/preview-build。CLI 会自动识别 IDE 或 AI Agent 并完成配置。

  3. 3. 开始使用技能

    preview-build 已启用，可立即在当前项目中调用。

! 参考页模式

此页面仍可作为安装与查阅参考，但 Killer-Skills 不再把它视为主要可索引落地页。请优先阅读上方评审结论，再决定是否继续查看上游仓库说明。

Upstream Repository Material

The section below is imported from the upstream repository and should be treated as secondary evidence. Use the Killer-Skills review above as the primary layer for fit, risk, and installation decisions.

Upstream Source

preview-build

# Xcode Preview Capture Skill Build SwiftUI views and capture screenshots of their rendered output for visual analysis. This AI agent skill supports Claude

SKILL.md
Readonly
Upstream Repository Material
The section below is imported from the upstream repository and should be treated as secondary evidence. Use the Killer-Skills review above as the primary layer for fit, risk, and installation decisions.
Supporting Evidence

Xcode Preview Capture Skill

Build SwiftUI views and capture screenshots of their rendered output for visual analysis.

Installation Path

Scripts are located at ${PREVIEW_BUILD_PATH:-$HOME/XcodePreviews}/scripts/

Compatibility: If ~/XcodePreviews doesn't exist, fall back to ~/Claude-XcodePreviews (legacy name). The PREVIEW_BUILD_PATH environment variable overrides both.

Available Commands

Auto-detects project type and uses the best approach:

bash
1"${PREVIEW_BUILD_PATH:-$HOME/XcodePreviews}"/scripts/preview \
2  <path-to-file.swift> \
3  --output /tmp/preview.png

Quick Capture (Current Simulator)

bash
1"${PREVIEW_BUILD_PATH:-$HOME/XcodePreviews}"/scripts/capture-simulator.sh \
2  --output /tmp/preview-capture.png

Xcode Project with #Preview

Fast builds by injecting a minimal PreviewHost target (handled automatically by the unified script):

bash
1"${PREVIEW_BUILD_PATH:-$HOME/XcodePreviews}"/scripts/preview \
2  <path-to-file.swift> \
3  --project <path.xcodeproj> \
4  --output /tmp/preview.png

SPM Package Preview

Auto-detected from Package.swift in parent directories:

bash
1"${PREVIEW_BUILD_PATH:-$HOME/XcodePreviews}"/scripts/preview \
2  <path-to-file.swift> \
3  --output /tmp/preview.png

Standalone Swift File

Build a standalone Swift file with system frameworks only:

bash
1"${PREVIEW_BUILD_PATH:-$HOME/XcodePreviews}"/scripts/preview \
2  <path-to-file.swift> \
3  --output /tmp/preview.png

Workflow

When the user asks to preview a SwiftUI view:

  1. Identify the target: Determine what needs to be previewed (Swift file, project scheme, or current simulator state)

  2. Build and capture: Run the appropriate script

  3. Read and analyze: Use the Read tool to view the captured PNG at /tmp/preview.png

  4. Report findings:

    • Layout: Structure and arrangement
    • Visual elements: Buttons, text, images
    • Styling: Colors, fonts, spacing
    • Issues: Alignment, overflow, accessibility
    • Suggestions: Improvements

Parameters

OptionDescription
--project <path>Xcode project file
--workspace <path>Xcode workspace file
--package <path>SPM Package.swift path
--module <name>Target module (auto-detected)
--simulator <name>Simulator name (default: iPhone 17 Pro)
--output <path>Output screenshot path
--verboseShow detailed build output

Error Handling

  • No simulator booted: Run sim-manager.sh boot "iPhone 17 Pro"
  • Build failure: Show error, suggest fixes, offer to retry
  • Resource bundle crash: The dynamic script auto-includes Tuist and common bundle patterns
  • Missing imports: Check if the target module needs to be added to imports

相关技能

寻找 preview-build 的替代方案 (Alternative) 或可搭配使用的同类 community Skill？探索以下相关开源技能。

查看全部

openclaw-release-maintainer

Logo of openclaw
openclaw

本地化技能摘要： 🦞 # OpenClaw Release Maintainer Use this skill for release and publish-time workflow. It covers ai, assistant, crustacean workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

★ 333.8k
⑂ 0
AI

widget-generator

Logo of f
f

本地化技能摘要： Generate customizable widget plugins for the prompts.chat feed system # Widget Generator Skill This skill guides creation of widget plugins for prompts.chat . It covers ai, artificial-intelligence, awesome-list workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf

★ 149.6k
⑂ 0
AI

flags

Logo of vercel
vercel

本地化技能摘要： The React Framework # Feature Flags Use this skill when adding or changing framework feature flags in Next.js internals. It covers blog, browser, compiler workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

★ 138.4k
⑂ 0
浏览器

pr-review

Logo of pytorch
pytorch

本地化技能摘要： Usage Modes No Argument If the user invokes /pr-review with no arguments, do not perform a review . It covers autograd, deep-learning, gpu workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

★ 98.6k
⑂ 0
开发者工具