Agent Skill 编码与开发

iOS营销截图

当用户需要为SwiftUI iOS应用自动化捕获跨多语言、设备或外观的营销截图时使用。涵盖全屏截图、独立元素渲染(轮播卡片、小组件)和可重复的输出命名。触发场景包括营销截图、多语言截图、小组件渲染、App Store素材、fastlane替代方案和simctl截图。

查看 GitHub 仓库 ↗ ⭐ 253 Stars

📌 Skill 基础信息

Skill 名称: ios-marketing-capture

简称: iOS 营销截图自动化工具

来源: 社区第三方(ParthJadhav)

运行宿主: Claude-Code CLI

核心定位: 为 SwiftUI iOS 应用提供跨多语言、多设备的自动化营销截图捕获解决方案,适用于应用商店素材制作和本地化测试场景。

🧩 内部核心组成

核心能力模块

  • 全屏截图系统: 基于应用内捕获模式,非 XCUITest 方案
  • 元素独立渲染: 支持卡片、小组件、图表等组件的透明背景渲染
  • 本地化支持: 多语言环境自动切换和截图
  • 状态预置机制: DEBUG-only 的状态注入系统
  • 协调器架构: 基于步骤的自动化执行流程

目录结构

<AppName>/Debug/MarketingCapture.swift     # 核心捕获系统
<AppName>/Debug/DemoDataSeeder.swift       # 演示数据播种器
scripts/capture-marketing.sh               # 自动化执行脚本
templates/                                 # 参考模板文件

核心命令/工具

组件类型功能简述
MarketingCaptureCoordinator步骤式执行协调器,管理截图流程
CaptureStep 结构体定义单个截图步骤的导航、等待和清理逻辑
MarketingElementHarness独立元素渲染处理器
capture-marketing.sh构建安装和本地化循环脚本

🛠 安装与启用方式

安装命令:

skills install --user ParthJadhav/ios-marketing-capture

前置依赖:

  • Xcode 开发环境
  • SwiftUI iOS 项目
  • 可用的 iOS 模拟器
  • DEBUG 编译配置

关键步骤:

  1. 将 MarketingCapture.swift 添加到主应用目标的 Debug 目录
  2. 在根视图中添加 DEBUG 钩子用于数据播种和协调器执行
  3. 配置需要预置状态的视图
  4. 放置 capture-marketing.sh 脚本文件
  5. 在 .gitignore 中添加 marketing/ 输出目录

📋 标准工作流

  1. 需求收集阶段: 依次确认截图屏幕、独立元素、支持语言、设备类型、外观模式和演示数据状态
  2. 代码库探索: 分析项目导航模式、深层链接路由、数据播种机制和小组件架构
  3. 方案设计确认: 向用户展示完整的捕获计划并获得明确批准
  4. 实现阶段: 基于模板创建 MarketingCapture 系统,配置步骤序列和状态预置
  5. 验证执行:

- 构建应用并安装到模拟器

- 按语言循环启动应用并执行捕获步骤

- 视觉验证输出 PNG 文件

- 迭代修复问题并重新运行

⚠️ 关键限制、缺陷、注意事项

平台限制:

  • 仅支持 iOS SwiftUI 应用
  • 需要 DEBUG 编译配置
  • 依赖模拟器环境,不支持真机直接捕获

Token 消耗: 中等,需要分析项目结构和编写适配代码

适用项目类型:

  • SwiftUI 架构的 iOS 应用
  • 需要多语言营销素材的项目
  • 有明确导航结构的应用

不适用场景:

  • UIKit 或混合架构应用
  • 无明确导航状态的复杂应用
  • 需要真机截图的场景

已知坑点:

  • Live Activities / ActivityKit 支持有限
  • SwiftData + CloudKit 同步可能存在问题
  • 导航状态清理需要特别注意顺序

生产环境适用性: 仅适用于开发测试环境,不适合生产环境部署

✅ 适用场景 & ❌ 不适合场景

✅ 适用场景:

  • SwiftUI iOS 应用的营销素材制作
  • 多语言应用商店截图自动化
  • 需要高质量组件独立渲染的项目
  • 替代 Fastlane snapshot 的轻量级方案

❌ 不适合场景:

  • UIKit 或 Objective-C 项目
  • 需要真机截图的生产环境
  • 无明确导航状态的复杂应用
  • 需要深度 UI 测试验证的场景

如何安装

skills install --user ParthJadhav/ios-marketing-capture

通用安装教程:在哪里输入上面的命令

上面的命令本质是在「终端 / 命令行」中调用技能管理器,把该 Skill 下载并注册到你的 AI 工具。各主流工具打开终端的位置不同,按下面操作即可:

  1. 打开工具自带的终端面板,或系统终端(macOS「终端」、Windows「PowerShell」、Linux「Terminal」)。
  2. 把上面的安装命令复制进去,回车运行,等待下载与注册完成。
  3. 重启或重新加载 AI 工具,让新安装的 Skill 被识别。
  4. 新建对话并触发:直接描述用途,或通过该工具的技能 / 斜杠菜单选中此 Skill。
Claude 桌面版(macOS / Windows)

桌面版没有内置命令行,Skill 需通过 Claude Code CLI 安装。打开系统终端,先执行 npm install -g @anthropic-ai/claude-code,再运行上面的安装命令;完成后完全退出并重新打开 Claude。

Claude Code(终端 CLI)

直接在项目目录的终端里运行上面的命令即可。也可先输入 claude 启动交互界面,再在对话中引用该 Skill(/ 斜杠菜单或直接描述用途)。

VS Code(含 GitHub Copilot)

打开终端面板:菜单「终端 → 新建终端」,或快捷键 Ctrl+`(macOS 为 ⌃+`)。在终端里运行上面的命令;装完后执行「重新加载窗口」(Ctrl+Shift+P → Reload Window),让 Copilot 等扩展识别新技能。

Cursor

底部「终端」面板(Ctrl+`)即是内置终端。粘贴运行上面的命令,完成后在命令面板执行「Reload Window」刷新,再开始对话。

Windsurf

底部「终端」面板运行命令;也可直接使用其内置 Agent 终端,在对话侧执行安装。

其他工具(ChatGPT、本地脚本等)

不支持本地终端的产品,可先在本机终端完成安装,再在对话中描述该 Skill 的能力让其调用;不同工具的命令格式请以其官方文档为准。

风险提示

✅ 低风险

自动扫描未发现高危命令、隐私抓取或数据外传行为。仍建议安装前快速浏览仓库代码。

相似 Skill 推荐

ECC 智能体系统
affaan-m/ECC
低风险

这是一个智能体性能优化系统,为Claude Code、Codex、Opencode、Cursor等提供技能、直觉、记忆、安全性和以研究为先的开发能力。

cc-switch 全能助手
farion1231/cc-switch
低风险

一款跨平台的桌面全能助手,适用于 Claude Code、Codex、OpenCode、OpenClaw、Grok Build 和 Hermes Agent。唯一官方网站:ccswitch.io

Ruflo
ruvnet/ruflo
低风险

Ruflo是一个多智能体编排平台,专为AI编码代理(如Claude Code、Cursor、Codex、Copilot、Gemini、Amp等12个以上)设计。当用户需要以下操作时使用此技能:(1)在项目中安装/初始化R

营销技能
coreyhaines31/marketingskills
低风险

为Claude Code和AI代理提供的营销技能,涵盖转化率优化(CRO)、文案撰写、搜索引擎优化(SEO)、数据分析和增长工程。