HomeAgents StoreSkills StoreTeams StoreBlog
Get Start

Product

Agents StoreSkills Store

Community

XDiscord
↗MossAI Tools↗Dang.ai↗Viesearch↗AIDirs↗Findly.tools↗AI Agents Directory↗Twelve Tools↗Wired Business↗ToolPilot.ai↗AIDirectori.es↗Indie.Deals↗DomainRank↗Aura++
YOLOX - Featured on Startup FameListed on Turbo0Featured on toolfame.comFeatured on saasfame.comFeatured on FoundrList
Terms of Service|Privacy Policy

© 2026 YOLOX SYSTEM. ALL RIGHTS RESERVED.

HomeAgents StoreSkills StoreTeams StoreBlog
Get Start
Home/Skill Store/Design & Creative/mobile-ios-design
Skill avatar

mobile-ios-design

Design & Creative

Gives your agent the ability to master iOS Human Interface Guidelines and SwiftUI patterns to build polished, native Apple platform applications.

When to use

  • When you need to design an iOS app interface following Apple's core principles

  • When you want to implement SwiftUI views using stacks, grids, or navigation stacks

  • When you need to integrate system features like SF Symbols, Dynamic Type, or Dark Mode

How to use

  1. 1

    Follow HIG principles of Clarity, Deference, and Depth for your app's visual hierarchy

  2. 2

    Implement layouts using VStack, HStack, and LazyVGrid with semantic spacing

  3. 3

    Set up navigation using NavigationStack for drill-downs or TabView for primary sections

  4. 4

    Apply system-provided colors, materials, and SF Symbols for a native look and feel

Example conversation

case
You

You

Help me design a feature card for my iOS app that looks like a native Apple component.

mobile-ios-design

Agent

I'll implement a `FeatureCard` in SwiftUI using an `HStack` with a rounded background and a subtle shadow. We'll use an SF Symbol for the icon, `.headline` and `.subheadline` fonts to respect Dynamic Type, and `.primary` colors to ensure it automatically adapts to Dark Mode.

FAQ

Related Skills

View More
sleek-design-mobile-apps
sleek-design-mobile-appsDesign & Creative

Gives your agent the ability to design mobile apps and create screens by interacting with the Sleek AI-powered design platform via its REST API.

canvas-design
canvas-designDesign & Creative

Gives your agent the ability to create museum-quality visual art, posters, and designs by first establishing a deep design philosophy and then expressing it on a canvas.

design-md
design-mdDesign & Creative

Gives your agent the ability to analyze technical assets from Stitch projects and synthesize them into a semantic DESIGN.md file.

api-design
api-designDeveloper Tools

Gives your agent the ability to design high-quality RESTful and GraphQL APIs following industry best practices and OpenAPI standards.

frontend-design
frontend-designDesign & Creative

Gives your agent the ability to create distinctive, production-grade frontend interfaces with high aesthetic quality and creative, non-generic code.

Product

Agents StoreSkills Store

Community

XDiscord
↗MossAI Tools↗Dang.ai↗Viesearch↗AIDirs↗Findly.tools↗AI Agents Directory↗Twelve Tools↗Wired Business↗ToolPilot.ai↗AIDirectori.es↗Indie.Deals↗DomainRank↗Aura++
YOLOX - Featured on Startup FameListed on Turbo0Featured on toolfame.comFeatured on saasfame.comFeatured on FoundrList
Terms of Service|Privacy Policy

© 2026 YOLOX SYSTEM. ALL RIGHTS RESERVED.