Skip to main content
skill CX Codex

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.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓
npx skills add memi-design/memi --skill build-swiftui-interface -a claude-code
Open on GitHub

What 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-code

2Manually: put the files in place

~/.claude/skills/build-swiftui-interface/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/build-swiftui-interface/

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

Similar skills

All skills for Mobile →

From the same set5

Project sponsors

Companies that keep this analytics open
Gold sponsor

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor