Expo UI
arcboxlabs/linkcode
Framework (OSS). An agent skill from arcboxlabs/linkcode.
USE THIS when migrating a CDS React Native component to native iOS, or when writing or reviewing SwiftUI in packages/cds-ios or apps/ios-gallery.
Install Swiftui Best Practices
$ npx skills add coinbase/cds --skill swiftui-best-practices -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install coinbase/cds swiftui-best-practices --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/coinbase/cds.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/swiftui-best-practices .claude/skills/swiftui-best-practices && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "swiftui-best-practices" agent skill from https://github.com/coinbase/cds/tree/master/.claude/skills/swiftui-best-practices into .claude/skills/swiftui-best-practices/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "swiftui-best-practices", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/coinbase/cds/tree/master/.claude/skills/swiftui-best-practicesType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add coinbase/cds --skill swiftui-best-practices -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install coinbase/cds swiftui-best-practices --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/coinbase/cds.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.claude/skills/swiftui-best-practices .agents/skills/swiftui-best-practices && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "swiftui-best-practices" agent skill from https://github.com/coinbase/cds/tree/master/.claude/skills/swiftui-best-practices into .agents/skills/swiftui-best-practices/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "swiftui-best-practices", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add coinbase/cds --skill swiftui-best-practices -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install coinbase/cds swiftui-best-practices --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/coinbase/cds.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.claude/skills/swiftui-best-practices .cursor/skills/swiftui-best-practices && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "swiftui-best-practices" agent skill from https://github.com/coinbase/cds/tree/master/.claude/skills/swiftui-best-practices into .cursor/skills/swiftui-best-practices/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "swiftui-best-practices", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/coinbase/cds.git --path .claude/skills/swiftui-best-practices--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add coinbase/cds --skill swiftui-best-practices -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install coinbase/cds swiftui-best-practices --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/coinbase/cds.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.claude/skills/swiftui-best-practices .gemini/skills/swiftui-best-practices && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "swiftui-best-practices" agent skill from https://github.com/coinbase/cds/tree/master/.claude/skills/swiftui-best-practices into .gemini/skills/swiftui-best-practices/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "swiftui-best-practices", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install coinbase/cds swiftui-best-practicesInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add coinbase/cds --skill swiftui-best-practices -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/coinbase/cds.git skills-src && mkdir -p .github/skills && cp -r skills-src/.claude/skills/swiftui-best-practices .github/skills/swiftui-best-practices && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "swiftui-best-practices" agent skill from https://github.com/coinbase/cds/tree/master/.claude/skills/swiftui-best-practices into .github/skills/swiftui-best-practices/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "swiftui-best-practices", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add coinbase/cds --skill swiftui-best-practices -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install coinbase/cds swiftui-best-practices --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/coinbase/cds.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.claude/skills/swiftui-best-practices .opencode/skills/swiftui-best-practices && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "swiftui-best-practices" agent skill from https://github.com/coinbase/cds/tree/master/.claude/skills/swiftui-best-practices into .opencode/skills/swiftui-best-practices/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "swiftui-best-practices", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
swiftui-best-practices- GitHub stars
- 505
- Token cost
- ~3k tokens
- SKILL.md length
- 1,321 words
- Files
- 1
- Skills in repo
- 11
- Repo updated
- First seen
- Licence
- Custom licence
At a glance
USE THIS when migrating a CDS React Native component to native iOS, or when writing or reviewing SwiftUI in packages/cds-ios or apps/ios-gallery.
- Works in 6 steps: Always-safe defaults (do these on the… → Button is inherited too, but the default… → OS .alert / .confirmationDialog are not… → …
- Tasks that involve iOS development
- SKILL.md covers Classify before writing code, Do not wrap styled HIG…, Read RN for capability, not tree and Implement, plus 2 more sections
- Calls yarn
What it does
Swiftui Best Practices is an agent skill from coinbase/cds. USE THIS when migrating a CDS React Native component to native iOS, or when writing or reviewing SwiftUI in packages/cds-ios or apps/ios-gallery. Covers rewrite patterns (Style vs SwiftUI API vs CDS view), RN visual spec (not HIG look-alikes), HIG-styled control enforcement, tokens, gallery, and tests.
Its SKILL.md is about 3k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Mobile, covering iOS development. It works with SwiftUI, iOS and React Native. The repository describes itself as: Coinbase Design System.
When your agent uses it
- Tasks that involve iOS development
Example prompts
- “/swiftui-best-practices”
Workflow steps
6 steps, taken from the first numbered list in SKILL.md.
- Always-safe defaults (do these on the provider)
- Button is inherited too, but the default variant is not filled primary. A root
- OS .alert / .confirmationDialog are not CDS Alert. They ignore app ButtonStyle and
- Typography roles still use .cdsText(.title3) (and so on). Environment .font can only
- Gallery is the spec. Show both the inherited default and the explicit variant override.
- Do not add a second sugar (.cdsButton(.primary) that only forwards to .buttonStyle)
What it can do on your machine
Read from SKILL.md and the folder at commit 46d9e48. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
yarn
From the folder's file list and the shell code blocks in SKILL.md.
Network
Links to these hosts (documentation or services it may open):
linear.app
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Swiftui Best Practices loads about 3k tokens when it runs. Until then it costs about 82 tokens; SKILL.md has 1,321 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 1,321 words (~3,047 tokens).
“Read packages/cds-ios/AGENTS.md before writing any Swift. That file is the API-boundary source of truth (public theme only; components stay internal until they stabilize). This skill is the migration workflow: take one RN component and produce the iOS equivalent without wrapping…”
- name
- swiftui-best-practices
Files
Just SKILL.md in .claude/skills/swiftui-best-practices of coinbase/cds.
Open the folder on GitHubat commit 46d9e48
Compare with similar skills
Swiftui Best Practices next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Swiftui Best Practices this skillcoinbase/cds | 505 | — | ~3k | Automated safety check: Pass | Custom licence | |
| Expo UIarcboxlabs/linkcode | 156 | — | ~1.2k | Automated safety check: Pass | MIT | |
| SimdeckNativeScript/SimDeck | 152 | — | ~3.6k | Automated safety check: Pass | MIT | |
| Mobile Devcallstackincubator/codex-mobile-dev-plugin | 150 | — | ~5.5k | Automated safety check: Pass | None | |
| Expo Brownfieldexpo/skills | 2.7k | — | ~1.4k | Automated safety check: Pass | MIT | |
| Developing Mobile Appstelagod/code-abyss | 243 | — | ~258 | Automated safety check: Pass | MIT |
Similar skills
Simdeck
NativeScript/SimDeck
A skill your agent uses for simulator lifecycle, app install/launch, live viewing, UI inspection, touch/keyboard automation, screenshots, recordings, logs, pasteboard, hardware controls, and…
- Official
Mobile Dev
callstackincubator/codex-mobile-dev-plugin
A skill your agent uses when building, running, changing, or debugging local iOS, Android, Expo, React Native, or SwiftUI apps.
- Official
Expo Brownfield
expo/skills
Integrate Expo and React Native into an existing native iOS or Android app.
Developing Mobile Apps
telagod/code-abyss
Mobile development knowledge reference covering iOS (SwiftUI), Android (Jetpack Compose), React Native, and Flutter.
Senior Mobile
borghei/Claude-Skills
A skill your agent uses when the user asks to "build a mobile app", "scaffold React Native project", "create SwiftUI views", "set up Jetpack Compose", "optimize mobile performance", "configure Expo…
More from coinbase/cds
All 11 skills in this repoCds Migrator Transform
coinbase/cds
A skill your agent uses when a CDS change in cds-web, cds-common, cds-mobile, web-visualization, or mobile-visualization needs a jscodeshift migration in packages/migrator to update callers or…
Deprecate Cds API
coinbase/cds
Deprecates a CDS component, hook, or other exported symbol with consistent JSDoc, version tags, and docsite metadata across every public export path (web, mobile, common, visualization), not only…
Jetpack Best Practices
coinbase/cds
USE THIS when writing or reviewing Jetpack Compose / Kotlin code in packages/cds-android or apps/android-app - @Composable APIs, Modifier parameters, CompositionLocal, state hoisting, or naming.
Cds Design To Code
coinbase/cds
Turn Figma designs into CDS React (cds-web) or React Native (cds-mobile) code.
Cds Docs
coinbase/cds
Retrieve Coinbase Design System (CDS) documentation: setup, installation, theming, tokens, and per-component APIs/examples.
Eslint Plugin Custom Rule
coinbase/cds
USE THIS when asked to create a new eslint plugin rule for the eslint-plugin-cds package
Related
Works with
Categories
Questions about Swiftui Best Practices
What does Swiftui Best Practices do?
USE THIS when migrating a CDS React Native component to native iOS, or when writing or reviewing SwiftUI in packages/cds-ios or apps/ios-gallery. Swiftui Best Practices is an agent skill from coinbase/cds. USE THIS when migrating a CDS React Native component to native iOS, or when writing or reviewing SwiftUI in packages/cds-ios or apps/ios-gallery.
When should I use Swiftui Best Practices?
Swiftui Best Practices fits situations like: tasks that involve iOS development.
How do I install Swiftui Best Practices in Claude Code?
Run `npx skills add coinbase/cds --skill swiftui-best-practices -a claude-code`. Or copy the skill folder (.claude/skills/swiftui-best-practices in coinbase/cds) into .claude/skills/swiftui-best-practices in your project. Claude Code loads it when a task matches its description.
How do I install Swiftui Best Practices in Codex?
Run `npx skills add coinbase/cds --skill swiftui-best-practices -a codex`. Or copy the skill folder (.claude/skills/swiftui-best-practices in coinbase/cds) into .agents/skills/swiftui-best-practices in your project. Codex loads it when a task matches its description.
Can I use Swiftui Best Practices in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add coinbase/cds --skill swiftui-best-practices -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/swiftui-best-practices, .gemini/skills/swiftui-best-practices, .github/skills/swiftui-best-practices and .opencode/skills/swiftui-best-practices in your project.
What does Swiftui Best Practices need to run?
Going by SKILL.md and its folder, Swiftui Best Practices needs the command-line tools its instructions call (yarn).
Does Swiftui Best Practices access the network?
SKILL.md names 1 domain. As links in the text: linear.app. This is read from the text; nothing was executed.
Is Swiftui Best Practices safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Swiftui Best Practices use?
Swiftui Best Practices has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.
How many tokens does Swiftui Best Practices use?
About 3k tokens (SKILL.md is roughly 12k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Swiftui Best Practices?
Skills that share tags, products or a category with Swiftui Best Practices: Expo UI (arcboxlabs/linkcode, 156 stars), Simdeck (NativeScript/SimDeck, 152 stars), Mobile Dev (callstackincubator/codex-mobile-dev-plugin, 150 stars) and Expo Brownfield (expo/skills, 2.7k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Swiftui Best Practices?
coinbase (a GitHub organization) maintains it in coinbase/cds, which has 505 GitHub stars. The repository holds 11 skills in this directory. The repository was last updated on October 6, 2026.
Source: coinbase/cds on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.