settings-screen
Build polished settings interfaces for Apple platforms with this skill, which generates complete, production-ready screens organized into logical sections. Designed for iOS and macOS development, it handles layout, styling, and best practices automatically, letting you focus on app logic instead of UI boilerplate.
settings-screen generates complete, production-ready iOS settings screens organized into logical sections. It creates modular SwiftUI components that handle layout, styling, and best practices automatically, so you can focus on app logic instead of UI boilerplate. The skill produces NavigationStack-based interfaces optimized for iOS navigation patterns.
AI-generated summary based on this skill's SKILL.md
Install
rshankras/claude-code-apple-skills/settings-screen · repository language: Swift
git clone https://github.com/rshankras/claude-code-apple-skills
cp -r claude-code-apple-skills/skills/generators/settings-screen ~/.claude/skills/settings-screenFrequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
How to create a settings screen in iOS with settings-screen?
settings-screen generates complete, production-ready iOS settings screens organized into logical sections. It creates modular SwiftUI components that handle layout, styling, and best practices automatically, so you can focus on app logic instead of UI boilerplate. The skill produces NavigationStack-based interfaces optimized for iOS navigation patterns.
What components does settings-screen provide for preferences UI?
settings-screen creates reusable settings UI components paired with an AppStorage persistence layer. This means your preference values automatically sync with device storage without manual binding code. Components are modular and can be combined into larger settings sections for appearance, notifications, account, legal, and about screens.
Can settings-screen add dark mode toggle and notifications to my app?
Yes. settings-screen includes built-in dark mode toggle and notifications settings as standard sections. These integrate seamlessly with your app's configuration UI, letting users control appearance and notification preferences from a unified settings interface with minimal additional setup.
Does settings-screen support both iOS and macOS platforms?
settings-screen builds platform-specific preferences UI for both iOS and macOS. It generates NavigationStack-based layouts for iOS and Settings scene configurations for macOS, automatically adapting to each platform's design conventions and navigation patterns so your settings feel native on either device.
How quickly can I generate a settings page template with this skill?
settings-screen generates complete settings page templates instantly. It produces polished, production-ready screens with integrated sections for appearance, legal, and about information. You get a fully functional settings interface ready to customize, eliminating weeks of UI boilerplate work.
Is settings-screen open source and what license does it use?
settings-screen is released under the MIT license, making it free to use, modify, and distribute in both personal and commercial projects. The open-source approach means you can inspect the generated code, extend components, and integrate them directly into your Swift app without licensing restrictions.
SKILL.md
rendered from the published skill — quoted content, verbatim
Settings Screen Generator
Generates a production-ready settings screen with modular sections for iOS and macOS apps.
When This Skill Activates
- User asks to "add settings" or "create settings screen"
- User mentions "preferences", "app settings", or "configuration UI"
- User wants to add dark mode toggle, notifications settings, or about screen
Pre-Generation Checks (CRITICAL)
1. Project Context Detection
Before generating, ALWAYS check:
```
Find existing settings implementations
rg -l "SettingsView|PreferencesView|SettingsScreen" --type swift
Check deployment target
cat Package.swift | grep -i "platform"
Or check project.pbxproj for deployment target
Detect architecture pattern
rg -l "Observable|ObservableObject|@EnvironmentObject" --type swift | head -5
Check platform (iOS vs macOS)
rg "UIKit|UIApplication" --type swift | head -1 # iOS rg
(truncated - see the full file via the links below)
Read as markdown · JSON record · Browse the source repository
File tree — 10 files
skills/generators/settings-screen/SKILL.md
skills/generators/settings-screen/settings-patterns.md
skills/generators/settings-screen/templates/AboutSettingsView.swift
skills/generators/settings-screen/templates/AccountSettingsView.swift
skills/generators/settings-screen/templates/AppSettings.swift
skills/generators/settings-screen/templates/AppearanceSettingsView.swift
skills/generators/settings-screen/templates/LegalSettingsView.swift
skills/generators/settings-screen/templates/NotificationsSettingsView.swift
skills/generators/settings-screen/templates/SettingsRow.swift
skills/generators/settings-screen/templates/SettingsView.swift