rshankrasInstall Swiftui
Pick your agent. Every command is ready to paste.
npx skills add rshankras/claude-code-apple-skills --skill swiftuiThe open skills CLI detects your agents (Claude Code, Cursor, Codex and 70+ more) and installs to the right folder. Add -g to install globally.
01
Install it
Run the command above, or upload the folder in Claude.
02
Ask naturally
Describe the task. Your agent loads swiftui when the request matches its description.
03
Name it if needed
If it does not trigger, say “use the swiftui skill”. In Codex, type $swiftui.
SwiftUI Skills
Focused SwiftUI framework skills — each sub-skill covers one API area in depth.
When This Skill Activates
Use this skill when the user:
- Has state/rendering bugs: state resets, over-rendering, flashing lists, animation crossfades (data-flow)
- Is choosing @State vs @Bindable vs @Environment or migrating to Observation (data-flow)
- Builds custom layouts or containers, or fights lazy-stack/scroll performance (layout)
- Wants alarms or timers with AlarmKit (custom UI, Live Activities, snooze)
- Is creating 3D data visualizations with Swift Charts (Chart3D, SurfacePlot)
- Needs styled text or rich text editing (Text, AttributedString, TextEditor)
- Is implementing or customizing toolbars (customizable toolbars, search integration)
- Wants to embed web content (WebView, WebPage, JavaScript interop)
Available Skills
Paths are relative to THIS file's directory — skills run with cwd set to the user's project, so resolve each path from this SKILL.md's own location.
| Skill | Read | Covers |
|---|---|---|
| data-flow | data-flow/SKILL.md |
View identity/lifetime/dependencies, Observation, state ownership, body discipline, main-actor contract |
| layout | layout/SKILL.md |
Layout protocol, Grid decisions, custom containers, lazy-stack + scrolling performance rules |
| alarmkit | alarmkit/SKILL.md |
Alarms and timers with custom UI, Live Activities, snooze (iOS 18+) |
| charts-3d | charts-3d/SKILL.md |
Chart3D, SurfacePlot, interactive pose control, surface styling |
| text-editing | text-editing/SKILL.md |
Text, AttributedString, TextEditor with formatting controls |
| toolbars | toolbars/SKILL.md |
Customizable toolbars, search integration, transition effects, platform behavior |
| webkit | webkit/SKILL.md |
WebView and WebPage embedding, navigation, JavaScript interop |
How to Route
- Match the request to a row above.
- Read that SKILL.md (relative to this file) plus any reference files it lists.
- Apply the guidance to the user's code.
Tips for Swiftui
- • Start a fresh session after installing so your agent picks up the new skill.
- • It is part of a pack with 30 skills. Install only the ones you need with --skill to keep triggers precise.
- • If two skills overlap, mention the one you want by name.
Questions about Swiftui
What does the Swiftui skill do?
SwiftUI framework skills — data flow (identity, Observation, state ownership), layout & containers (Layout protocol, lazy-stack performance), AlarmKit, 3D charts, rich text editing, customizable toolbars, and WebKit embedding. Use for SwiftUI state/rendering bugs, custom layouts, scroll performance, or these feature areas.
How do I install Swiftui?
Run "npx skills add rshankras/claude-code-apple-skills --skill swiftui" in your project. The skills CLI installs it for Claude Code, Cursor, Codex and 70+ other agents. In Claude on the web, upload the skill folder as a ZIP under Customize > Skills.
Does Swiftui work in Cursor and Codex?
Yes. Swiftui uses the open SKILL.md format, so it works in Claude Code, Claude, Cursor, OpenAI Codex, Gemini CLI, GitHub Copilot and other agents that support agent skills.
Is Swiftui free?
Swiftui is open source on GitHub under the MIT license. It is free to install; check the license before commercial use.
Who made Swiftui?
Swiftui is published by rshankras in the rshankras/claude-code-apple-skills repository, together with 29 other skills.
