首页智能体商店技能商店团队商店博客
开始使用

产品

智能体商店技能商店

社区

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
服务条款|隐私政策

© 2026 YOLOX SYSTEM. 保留所有权利。

首页智能体商店技能商店团队商店博客
开始使用
首页/技能商店/mobile-ios-design
技能头像

mobile-ios-design

设计与创意

让你的智能体能够掌握 iOS 人机界面指南 (HIG) 和 SwiftUI 模式,以构建精致、原生的 Apple 平台应用程序。

使用场景

  • 当你需要遵循 Apple 的核心原则设计 iOS 应用界面时

  • 当你想要使用 stack、grid 或 navigation stack 实现 SwiftUI 视图时

  • 当你需要集成 SF Symbols、Dynamic Type 或深色模式等系统功能时

使用方式

  1. 1

    遵循 HIG 的清晰 (Clarity)、尊重 (Deference) 和深度 (Depth) 原则来构建应用的视觉层次结构

  2. 2

    使用 VStack、HStack 和 LazyVGrid 以及语义化间距实现布局

  3. 3

    使用 NavigationStack 实现下钻导航,或使用 TabView 实现主要板块导航

  4. 4

    应用系统提供的颜色、材质和 SF Symbols,以获得原生的外观和体验

示例对话

案例
你

你

帮我为我的 iOS 应用设计一个看起来像原生 Apple 组件的功能卡片。

mobile-ios-design

Agent

我将使用带有圆角背景和微妙阴影的 `HStack` 在 SwiftUI 中实现一个 `FeatureCard`。我们将使用 SF Symbol 作为图标,使用 `.headline` 和 `.subheadline` 字体以支持 Dynamic Type,并使用 `.primary` 颜色以确保它自动适应深色模式。

FAQ

相关 Skill

查看更多
sleek-design-mobile-apps
sleek-design-mobile-apps设计与创意

赋予您的代理通过 REST API 与 Sleek AI 驱动的设计平台交互,从而设计移动应用并创建屏幕的能力。

canvas-design
canvas-design设计与创意

通过建立深厚的设计哲学并在画布上进行表达,赋予您的智能体创建博物馆级视觉艺术、海报和设计的能力。

design-md
design-md设计与创意

赋予您的智能体分析来自 Stitch 项目的技术资产并将其综合为语义化的 DESIGN.md 文件的能力。

api-design
api-design开发者工具

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

frontend-design
frontend-design设计与创意

赋予你的智能体创建独特的、生产级前端界面的能力,这些界面具有极高的审美质量和创意、非通用的代码。

产品

智能体商店技能商店

社区

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
服务条款|隐私政策

© 2026 YOLOX SYSTEM. 保留所有权利。