本文へ移動
cccskills
無料GitHub で公開

ios-ui-navigation

Implement UIKit navigation, Auto Layout, and Apple Human Interface Guidelines in iOS. Use when implementing UIKit navigation, Auto Layout constraints, or HIG compliance.

インストール方法を見る

含まれるファイル(3)

  • SKILL.md2.0 KB
  • evals/evals.json2.0 KB
  • references/implementation.md1.7 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

iOS UI & Layout Standards

Priority: P0 (CRITICAL)

Implementation Guidelines

Auto Layout

  • Code-Based Layout: Prefer programmatic layout using NSLayoutAnchor or SnapKit over Storyboards for better source control.
  • Safe Area: Always respect view.safeAreaLayoutGuide.
  • UIStackView: Use for linear layouts to reduce constraint complexity.

UIKit Best Practices

  • View Lifecycle: Perform layout adjustments in viewWillLayoutSubviews or updateConstraints.
  • Reusable Views: Extract complex UI into custom UIView subclasses.
  • Image Optimization: Use SF Symbols for icons. Preferred vector (PDF/SVG) for custom assets.
  • SwiftUI Bridge: Use UIViewRepresentable or UIViewControllerRepresentable to host UIKit in SwiftUI.

Human Interface Guidelines (HIG)

  • Accessibility: Support Dynamic Type and provide meaningful accessibilityLabel.
  • Feedback: Use UINotificationFeedbackGenerator for haptic feedback on actions.
  • Margins: Follow standard system margins (typically 16-20pt).

Anti-Patterns

  • No CGRect(x:y:w:h): Use Auto Layout.
  • No complex constraint logic in VC: Use UIStackView or custom views.
  • No Blank Screens: Use skeleton views or UIActivityIndicatorView.

References

Canonical response anchors

When this skill applies, preserve the following domain terminology or equivalent concrete examples in the answer when relevant:

  • UIViewControllerRepresentable
  • UIViewRepresentable

Remediation anchors

  • Remediation anchors: NSLayoutAnchor, safeAreaLayoutGuide, UIStackView

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

Upgrade an Android project to Android Gradle Plugin (AGP) 9. Use when migrating to AGP 9, updating Gradle build files, migrating to built-in Kotlin, or adopting the new AGP DSL.

日本語の概要は準備中です。原文の説明を表示しています。

HoangNguyen0403/agent-skills-standard5732026年10月12日 更新

Apply Clean Architecture layering, modularization, and Unidirectional Data Flow in Android projects. Use when setting up project structure, placing code in layers, configuring feature/core modules, or implementing UDF patterns; defer Compose state and ViewModel/StateFlow implementation to their specific skills.

日本語の概要は準備中です。原文の説明を表示しています。

HoangNguyen0403/agent-skills-standard5732026年10月12日 更新

Implement WorkManager and background processing correctly on Android. Use when creating Worker classes, scheduling tasks, choosing between WorkManager and Foreground Services, or setting up Hilt in workers; defer FCM and notification delivery to android-notifications.

日本語の概要は準備中です。原文の説明を表示しています。

HoangNguyen0403/agent-skills-standard5732026年10月12日 更新

Build high-performance declarative UI with Jetpack Compose. Use when writing Composable functions, optimizing recomposition, hoisting state, or working with LazyColumn and side effects; defer deep-link and navigation routing to android-navigation.

日本語の概要は準備中です。原文の説明を表示しています。

HoangNguyen0403/agent-skills-standard5732026年10月12日 更新

Migrate an Android XML View to Jetpack Compose following a structured 10-step workflow. Use when converting XML layouts to Compose, setting up Compose in an existing View-based project, or incrementally adopting Compose.

日本語の概要は準備中です。原文の説明を表示しています。

HoangNguyen0403/agent-skills-standard5732026年10月12日 更新

Write correct coroutine scopes, lifecycle collection, and dispatcher injection in Android production code. Use for suspend functions, coroutine scopes, and dispatcher mechanics; defer ViewModel StateFlow/LiveData architecture, Fragment lifecycle recipes, persistence/notifications, and unit-test recipes to their specific skills.

日本語の概要は準備中です。原文の説明を表示しています。

HoangNguyen0403/agent-skills-standard5732026年10月12日 更新

HoangNguyen0403 のスキルをすべて見る

このスキルの問題を報告する