Swiftui Expert Skill
omarshahine/HomeClaw
A skill your agent uses when writing, reviewing, or refactoring SwiftUI code for iOS or macOS, including state management, view composition, performance, Liquid Glass adoption, or Instruments .trace…
Build a proper macOS settings/preferences window with liquid glass support for macOS 26 (Tahoe).
Install macOS Settings UI
$ npx skills add fayazara/macos-app-skills --skill macos-settings-ui -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install fayazara/macos-app-skills macos-settings-ui --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/fayazara/macos-app-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/settings-ui .claude/skills/macos-settings-ui && 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 "macos-settings-ui" agent skill from https://github.com/fayazara/macos-app-skills/tree/main/settings-ui into .claude/skills/macos-settings-ui/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "macos-settings-ui", 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/fayazara/macos-app-skills/tree/main/settings-uiType 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 fayazara/macos-app-skills --skill macos-settings-ui -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install fayazara/macos-app-skills macos-settings-ui --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/fayazara/macos-app-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/settings-ui .agents/skills/macos-settings-ui && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "macos-settings-ui" agent skill from https://github.com/fayazara/macos-app-skills/tree/main/settings-ui into .agents/skills/macos-settings-ui/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "macos-settings-ui", 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 fayazara/macos-app-skills --skill macos-settings-ui -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install fayazara/macos-app-skills macos-settings-ui --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/fayazara/macos-app-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/settings-ui .cursor/skills/macos-settings-ui && 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 "macos-settings-ui" agent skill from https://github.com/fayazara/macos-app-skills/tree/main/settings-ui into .cursor/skills/macos-settings-ui/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "macos-settings-ui", 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/fayazara/macos-app-skills.git --path settings-ui--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 fayazara/macos-app-skills --skill macos-settings-ui -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install fayazara/macos-app-skills macos-settings-ui --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/fayazara/macos-app-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/settings-ui .gemini/skills/macos-settings-ui && 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 "macos-settings-ui" agent skill from https://github.com/fayazara/macos-app-skills/tree/main/settings-ui into .gemini/skills/macos-settings-ui/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "macos-settings-ui", 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 fayazara/macos-app-skills macos-settings-uiInstalls 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 fayazara/macos-app-skills --skill macos-settings-ui -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/fayazara/macos-app-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/settings-ui .github/skills/macos-settings-ui && 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 "macos-settings-ui" agent skill from https://github.com/fayazara/macos-app-skills/tree/main/settings-ui into .github/skills/macos-settings-ui/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "macos-settings-ui", 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 fayazara/macos-app-skills --skill macos-settings-ui -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install fayazara/macos-app-skills macos-settings-ui --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/fayazara/macos-app-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/settings-ui .opencode/skills/macos-settings-ui && 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 "macos-settings-ui" agent skill from https://github.com/fayazara/macos-app-skills/tree/main/settings-ui into .opencode/skills/macos-settings-ui/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "macos-settings-ui", 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
macos-settings-ui- GitHub stars
- 676
- Token cost
- ~2.2k tokens
- SKILL.md length
- 608 words
- Files
- 4 (incl. references)
- Skills in repo
- 4
- Repo updated
- First seen
- Licence
- None found
At a glance
Build a proper macOS settings/preferences window with liquid glass support for macOS 26 (Tahoe).
- Works in 6 steps: Create the Tab Enum → Create the Window Controller → Create the Root Settings View → …
- The user asks to create a settings window
- SKILL.md covers Architecture Overview, Why NSWindowController Instead…, Critical Modifiers and Reference Implementation, plus 4 more sections
- Runs Swift scripts from its folder
What it does
macOS Settings UI is an agent skill from fayazara/macos-app-skills. Build a proper macOS settings/preferences window with liquid glass support for macOS 26 (Tahoe). Use this skill whenever the user asks to create a settings window, preferences UI, settings view, or preferences pane for a macOS app. Also trigger when the user mentions "liquid glass settings", "NavigationSplitView settings", "grouped Form settings", "macOS settings layout", or wants to add/fix/rebuild a settings screen in any native macOS SwiftUI app. This includes phrases like "add settings to my app", "create a…
Its SKILL.md is about 2.2k tokens, which your agent loads only when the skill is triggered. The skill folder holds 4 other files, including reference files.
It sits in Mobile, covering iOS development. It works with macOS and SwiftUI. The repository describes itself as: AI coding agent skills for building, shipping, and maintaining native macOS apps.
When your agent uses it
- The user asks to create a settings window
- Preferences pane for a macOS app
- The user mentions liquid glass settings
- NavigationSplitView settings
Example prompts
- “liquid glass settings”
- “NavigationSplitView settings”
- “grouped Form settings”
- “/macos-settings-ui”
Workflow steps
6 steps, taken from the step headings in SKILL.md.
- Create the Tab Enum
- Create the Window Controller
- Create the Root Settings View
- Create Detail Panes
- Open Settings from Your App
- Remove Any SwiftUI Window Scene
What it can do on your machine
Read from SKILL.md and the folder at commit a60365a. 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
Ships script files (Swift), which the agent can run.
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
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
macOS Settings UI loads about 2.2k tokens when it runs, and up to ~6k if it reads all its reference files. Until then it costs about 187 tokens; SKILL.md has 608 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
Without a licence we can't republish the file, so here is its outline and opening line. It has 608 words (~2,189 tokens).
“This skill produces a native macOS settings window that follows Apple's macOS 26 design guidelines. The result is a sidebar + detail NavigationSplitView with liquid glass window chrome, back/forward toolbar navigation, grouped Form sections with transparent backgrounds, and proper scroll…”
- name
- macos-settings-ui
Files
SKILL.md and 3 other files (references) in settings-ui of fayazara/macos-app-skills.
- SKILL.md
- references/ExampleDetailPane.swift
- references/SettingsView.swift
- references/SettingsWindowController.swift
Open the folder on GitHubat commit a60365a
Compare with similar skills
macOS Settings UI 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 |
|---|---|---|---|---|---|---|
| macOS Settings UI this skillfayazara/macos-app-skills | 676 | — | ~2.2k | Automated safety check: Pass | None | |
| Swiftui Expert Skillomarshahine/HomeClaw | 175 | 4 repos | ~2.8k | Automated safety check: Pass | MIT | |
| Appkit Swiftui BridgeKartikLabhshetwar/better-shot | 2.4k | 2 repos | ~1.1k | Automated safety check: Pass | Custom licence | |
| macOS Notch UIfayazara/Screendrop | 2.1k | — | ~1.8k | Automated safety check: Pass | CC0-1.0 | |
| Swiftui Patternsrobinebers/openusage | 4.3k | — | ~3.4k | Automated safety check: Pass | MIT | |
| Hig Project Contextraintree-technology/hig-doctor | 143 | 5 repos | ~1.2k | Automated safety check: Pass | MIT |
Similar skills
Appkit Swiftui Bridge
KartikLabhshetwar/better-shot
Expert guidance for hybrid AppKit-SwiftUI development. An agent skill from KartikLabhshetwar/better-shot.
macOS Notch UI
fayazara/Screendrop
Add a Dynamic Island-style notch UI to a macOS app. An agent skill from fayazara/Screendrop.
Swiftui Patterns
robinebers/openusage
Best practices and example-driven guidance for building native macOS SwiftUI scenes and components, including windows, commands, toolbars, settings, split views, inspectors, menu bar extras, and…
Hig Project Context
raintree-technology/hig-doctor
Create or update a shared Apple design context document that other HIG skills use to tailor guidance.
Swiftui Expert Skill
Eslzzyl/Pixiv-SwiftUI
A skill your agent uses when writing, reviewing, or refactoring SwiftUI code for iOS or macOS, including state and @Observable data flow, view composition, resizable layouts, safe areas, display…
More from fayazara/macos-app-skills
macOS Auto Update
fayazara/macos-app-skills
Add Sparkle auto-update support to a native macOS app. An agent skill from fayazara/macos-app-skills.
macOS Patterns
fayazara/macos-app-skills
Essential native macOS development patterns that web developers don't know about.
macOS Release
fayazara/macos-app-skills
Release a native macOS app to GitHub with DMG packaging and Sparkle appcast updates.
Related
Categories
Questions about macOS Settings UI
What does macOS Settings UI do?
Build a proper macOS settings/preferences window with liquid glass support for macOS 26 (Tahoe). macOS Settings UI is an agent skill from fayazara/macos-app-skills. Build a proper macOS settings/preferences window with liquid glass support for macOS 26 (Tahoe).
When should I use macOS Settings UI?
macOS Settings UI fits situations like: the user asks to create a settings window; preferences pane for a macOS app; the user mentions liquid glass settings; navigationSplitView settings.
How do I install macOS Settings UI in Claude Code?
Run `npx skills add fayazara/macos-app-skills --skill macos-settings-ui -a claude-code`. Or copy the skill folder (settings-ui in fayazara/macos-app-skills) into .claude/skills/macos-settings-ui in your project. Claude Code loads it when a task matches its description.
How do I install macOS Settings UI in Codex?
Run `npx skills add fayazara/macos-app-skills --skill macos-settings-ui -a codex`. Or copy the skill folder (settings-ui in fayazara/macos-app-skills) into .agents/skills/macos-settings-ui in your project. Codex loads it when a task matches its description.
Can I use macOS Settings UI 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 fayazara/macos-app-skills --skill macos-settings-ui -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/macos-settings-ui, .gemini/skills/macos-settings-ui, .github/skills/macos-settings-ui and .opencode/skills/macos-settings-ui in your project.
What does macOS Settings UI need to run?
Going by SKILL.md and its folder, macOS Settings UI needs Swift for the scripts in its folder.
Does macOS Settings UI access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is macOS Settings UI 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 macOS Settings UI use?
No licence was found for macOS Settings UI or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.
How many tokens does macOS Settings UI use?
About 2.2k tokens (SKILL.md is roughly 8.8k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 3.9k tokens, read only when the agent opens those files.
What are the alternatives to macOS Settings UI?
Skills that share tags, products or a category with macOS Settings UI: Swiftui Expert Skill (omarshahine/HomeClaw, 175 stars), Appkit Swiftui Bridge (KartikLabhshetwar/better-shot, 2.4k stars), macOS Notch UI (fayazara/Screendrop, 2.1k stars) and Swiftui Patterns (robinebers/openusage, 4.3k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains macOS Settings UI?
fayazara (a GitHub user) maintains it in fayazara/macos-app-skills, which has 676 GitHub stars. The repository holds 4 skills in this directory. The repository was last updated on May 27, 2026.
Source: fayazara/macos-app-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.