build-swiftui-interface — Claude Code skill: what it does
Guides coding agents through SwiftUI interface design and verification on iOS and macOS. Enforces accessibility, state handling, and Xcode test checks.
npx skills add memi-design/memi --skill build-swiftui-interface -a claude-codeWhat build-swiftui-interface does
This skill instructs coding hosts on how to structure SwiftUI interfaces for iOS and macOS. It forces agents to keep expensive computations and disk operations outside the view body. Agents must also inspect local components before introducing primitives, while accounting for empty states, errors, Dynamic Type, and VoiceOver.
Scaffolding is not automated here. The ios brief and ios scaffold commands do not run in versions 2.8.0-beta.1 and 2.8.0-beta.2, even when capability grants are set. If memi --profile locked mcp start --no-figma is active, the agent can only invoke the read-only prepare_apple_design_brief tool. It provides requirements without editing local files.
Verification requires native developer tooling. Without running xcodebuild or xcrun simctl on an explicit destination, static review does not prove that a view actually builds.
What it helps with
- audit SwiftUI views for VoiceOver and Dynamic Type support
- isolate expensive computations outside SwiftUI view bodies
- generate structured iOS interface briefs using prepare_apple_design_brief
- discover build schemes and simulator destinations via xcodebuild
Example prompts for the agent
- Review this macOS settings view for dark mode and reduced-motion states.
- Run prepare_apple_design_brief for an iOS details screen.
- Check that this SwiftUI component does not perform disk operations in body.
How to install build-swiftui-interface
1Skills CLI (Vercel)
npx skills add memi-design/memi --skill build-swiftui-interface -a claude-code2Manually: put the files in place
~/.claude/skills/build-swiftui-interface/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/build-swiftui-interface/
1Skills CLI (Vercel)
npx skills add memi-design/memi --skill build-swiftui-interface -a codex2Manually: put the files in place
.agents/skills/build-swiftui-interface/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add memi-design/memi --skill build-swiftui-interface -a cursor2Manually: put the files in place
.cursor/skills/build-swiftui-interface/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install memi-design/memi build-swiftui-interface2Manually: put the files in place
.github/skills/build-swiftui-interface/SKILL.md1Skills CLI (Vercel)
npx skills add memi-design/memi --skill build-swiftui-interface -a gemini-cli2Platform CLI
gemini skills install https://github.com/memi-design/memi --path skills/build-swiftui-interfaceManually: put the files in place
.devin/skills/build-swiftui-interface/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add memi-design/memi --skill build-swiftui-interface -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about build-swiftui-interface
How do I install build-swiftui-interface in Claude Code?
Run npx skills add memi-design/memi --skill build-swiftui-interface -a claude-code.
What is the purpose of build-swiftui-interface?
It provides architecture rules and verification steps for building iOS and macOS SwiftUI interfaces with coding agents. It covers state boundaries, accessibility, and Xcode command discovery.
Does this skill generate SwiftUI files automatically?
No, it does not include an automated code scaffolding pipeline. The ios brief and ios scaffold commands are unavailable in releases 2.8.0-beta.1 and 2.8.0-beta.2.
Source text
SKILL.md · MIT
--- name: build-swiftui-interface description: Use when a coding agent must design, scaffold, implement, or verify an iOS or macOS SwiftUI interface with Apple-platform state, accessibility, availability, testing, and Xcode evidence. --- # Build SwiftUI Interface Use this as Apple-platform design and verification guidance. Pair it with an installed host's Apple-platform tools when simulator, profiling, App Intents, or detailed framework guidance is needed. ## 2.8 beta availability This workflow targets published beta **2.8.0-beta.2**. Use `npx -y @memi-design/[email protected] --version` to verify the exact package; a local `memi` must report that same version before these recipes run. The independent stable compatibility baseline is **2.7.9**. See [current release state](https://github.com/memi-design/memi/blob/main/docs/CURRENT_RELEASE.md) and [known limitations](https://github.com/memi-design/memi/blob/main/docs/trust/KNOWN_LIMITATIONS.md). npm availability alone does not establish native-binary success. Memi's `ios brief` and `ios scaffold` commands are unavailable in 2.8.0-beta.1 and 2.8.0-beta.2, including preview and write modes. Capability grants do not enable them. This skill does not provide an automatic SwiftUI scaffolding pipeline. With the exact beta running `memi --profile locked mcp start --no-figma`, the host may call the read-only `prepare_apple_design_brief` tool: ```json {"intent":"Review the feature contract","platform":"ios","detail":"compact"} ``` `platform` accepts `ios` or `macos`. This tool prepares guidance without running Xcode or writing files; it does not inspect native source or replace project verification. Inspect the actual project: deployment target, Swift language mode, shared schemes, local components, assets, navigation, state ownership, test targets, and nearby implementation patterns. Prepare the feature contract with the coding host using that evidence, and review proposed paths and source before writing. Preserve the repository's project-generation workflow. The supported `memi agent brief . --json` command can provide general project context; it is not an equivalent Apple-platform brief or proof that SwiftUI was analyzed. Memi's frontend checks do not establish native UI correctness. ## Implementation rules 1. Reuse local SwiftUI components and semantic assets before adding primitives. 2. Keep state ownership narrow; keep I/O and expensive work out of `body`. 3. Define loading, empty, populated, error, Dynamic Type, VoiceOver, reduced-motion, and dark-appearance states. 4. Gate newer APIs. Liquid Glass requires an iOS 26+ branch and a behaviorally equivalent fallback. 5. Treat June 2026 APIs by their documented availability; do not invent an iOS version label. 6. Preserve the existing architecture and project-generation workflow. ## Verification receipt Run the repository's canonical commands. When none exist, discover shared schemes and explicit destinations with `xcodebuild -list -json` and `xcrun simctl list devices available`, then build and test the smallest target. Report exact commands, files, deployment assumptions, simulator flow, accessibility states, and anything not executed. A source review is not simulator proof, and a simulator build is not signing or App Store proof.
© memi-design · MIT · memi-design/memi