Swiftui Design Skill
SwiftUI frontend visual design skill. Creates beautiful, distinctive iOS/macOS interfaces that avoid generic AI slop patterns. Covers design direction, layout systems, typography, color, spacing, brand integration, and design review. Use when designing new SwiftUI views, reviewing UI quality, creating iOS prototypes, choosing visual styles, improving app aesthetics, or when the UI looks generic or AI-generated.
Install
npx skills add Wholiver/swiftui-design-skill --skill swiftui-design-skillgit clone --depth 1 https://github.com/Wholiver/swiftui-design-skill.git /tmp/swiftui-design-skill
mkdir -p ~/.claude/skills
cp -r /tmp/swiftui-design-skill/. ~/.claude/skills/swiftui-design-skillPersonal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.
From the SKILL.md
# SwiftUI Design Skill > **TL;DR**: Design SwiftUI apps that look intentionally crafted, not AI-generated. Follow the 6 Anti-Slop Rules, use the Design Direction workflow when requirements are vague, and always pass the 5-Dimension Review before shipping. ## When to Use - Designing new SwiftUI views or screens from scratch - Reviewing or improving existing UI quality - Creating iOS app prototypes or mockups - Choosing a visual style or design direction - Integrating brand assets into SwiftUI - When someone says "the UI looks generic" or "make it look better" - When building a new feature that needs visual design ## When NOT to Use - Pure backend / API work with no UI - Fixing SwiftUI compilation errors (use swiftui-expert-skill instead) - Performance optimization of existing views (use swiftui-expert-skill) - Accessibility compliance only (use swiftui-expert-skill's accessibility topic) ## Prerequisites - Xcode 16+ with iOS 18+ / macOS 15+ SDK - SwiftUI framework (not UIKit unless explicitly requested) - Familiarity with SwiftUI view hierarchy and modifiers --- ## Core Design Philosophy These 6 principles guide every design decision. They are distilled from real-world design practice and anti-patterns observed in AI-generated UI. ### Principle 1: Start From Context, Never Blank Before designing any screen, ask: - Is there an existing design system, UI kit, or Figma file? - Is there an existing codebase with established visual language?
Details
- Skill name
swiftui-design-skill- Repository
- Wholiver/swiftui-design-skill
- License
- MIT
- Repo updated
- 1 May 2026
- Listed in
- ComposioHQ/awesome-claude-skills
FAQ
What does the Swiftui Design Skill skill do?
SwiftUI frontend visual design skill. Creates beautiful, distinctive iOS/macOS interfaces that avoid generic AI slop patterns. Covers design direction, layout systems, typography, color, spacing, brand integration, and design review. Use when designing new SwiftUI views, reviewing UI quality, creating iOS prototypes, choosing visual styles, improving app aesthetics, or when the UI looks generic or AI-generated.
How do I install the Swiftui Design Skill skill?
skills CLI (Claude Code, Cursor, Codex and more): npx skills add Wholiver/swiftui-design-skill --skill swiftui-design-skill. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.
Is Swiftui Design Skill popular?
It lives in Wholiver/swiftui-design-skill, which has 213 GitHub stars and 11 forks, and is included in 1 curated skill list.
Related skills
Claude Android Ninja
130Drjacky/claude-android-ninja
Build and migrate Android apps with Kotlin, Jetpack Compose, MVVM, Hilt, Room 3 (KSP, SQLiteDriver, Flow/suspend DAOs), Navigation3, and multi-module Gradle. Use for new projects or modules, Compose screens and ViewModels, Room 3 and RemoteMediator, API 37 / targetSdk migration, Play Integrity client wiring, offline-first sync, and version-catalog alignment. Not for iOS, Flutter, React Native, KMP-only shared code without an Android app module, or backend-only APIs with no Android client.
Android Development
350dpconde/claude-android-skill
Create production-quality Android applications following Google's official architecture guidance and NowInAndroid best practices. Use when building Android apps with Kotlin, Jetpack Compose, MVVM architecture, Hilt dependency injection, Room database, or multi-module projects. Triggers on requests to create Android projects, screens, ViewModels, repositories, feature modules, or when asked about Android architecture patterns.
Zafer Skills
115zaferayan/skills
Expo React Native mobile app development with StoreKit 2 subscriptions (expo-iap) plus RevenueCat observer mode, AdMob ads with UMP/ATT consent, PostHog analytics, i18n with RTL, onboarding flow, paywall, and NativeTabs navigation
Ns Game Apple Arm Port
531realskyrin/ns-game-apple-arm-port
将 Nintendo Switch（NS）游戏适配到 Apple Silicon macOS、iPadOS 和 iOS，以 Rust 原生兼容层与 Metal 为核心，涵盖版本识别、ARM64 离线改写、Horizon 服务、NVN 到 Metal、输入音频、签名部署及实机验收。用于原生移植、跨游戏或版本适配、黑屏花屏卡死排查、移植进度评估；普通模拟器安装配置不属于本 skill。
Android Mainline Port
82yzddmr6/android-mainline-port
把主线 Linux 和桌面发行版移植到 Android 手机、平板的操作手册与经验库（高通 + Ubuntu GNOME 实践）。覆盖评估、构建、bootloader、设备树、显示、触控、音频、无线、充电、休眠、双系统、打包、测试与发布。用户想在安卓设备上跑原生 Linux、移植主线内核、fastboot 启动自制内核、排查外设在主线下不工作，或评估设备能否移植时使用。
App Store Preflight Skills
1.4ktruongduy2611/app-store-preflight-skills
Scan an iOS/macOS Xcode project for common App Store rejection patterns before submission. Use when preparing an app for App Store review, after receiving a rejection from Apple, or when auditing metadata, subscriptions, privacy manifests, entitlements, or design compliance. Integrates with the asc CLI for metadata inspection.
Browse the most popular Claude skills, all mobile development skills, or write your own with the skills generator.