telagod avatar

Developing Mobile Apps

This is a reference guide that covers the four major mobile development paths: native iOS with SwiftUI, native Android with Jetpack Compose, React Native, and Flutter. It gives you concrete checklists for each platform, like using StateFlow over LiveData on Android or ensuring async/await patterns on iOS. The performance benchmarks are helpful (cold start under 1.5s, rendering above 55fps), and the framework selection advice is practical: if you're coming from web, go React Native; if you need extreme UI customization, pick Flutter. The actual API details live in a separate reference file, so this is more of a decision matrix and best practices checklist than a complete implementation guide. Useful when you're starting a mobile project or switching between platforms and need to remember each ecosystem's current preferred patterns.

GitHub stars
224
last updated
Jun 10, 2026

Install

$ npx -y skills add telagod/code-abyss --skill developing-mobile-apps --agent claude-code

Installs into .claude/skills of the current project.

Files

移动开发域 · Mobile

判断先于执行:决定「是否做 / 选什么 / 如何取舍」(栈、方案、架构、权衡)前,先读领域判断内核 skills/_kernel/frontend/SKILL.md——它管 judgment,本秘典管 execution;冲突时以内核判断为准。

原生:iOS(SwiftUI/UIKit) | Android(Compose/Kotlin)
跨平台:React Native(TS) | Flutter(Dart)

iOS 检查项

SwiftUI 优先 | @MainActor 线程安全 | async/await | 依赖注入 | LazyVStack | Keychain 存敏感 | ViewModel 单测+Mock

Android 检查项

Compose 优先 | StateFlow 替代 LiveData | Hilt 注入 | Room 持久化 | key 优化 LazyColumn | remember 防重组 | ViewModel 单测(runTest)

跨平台检查项

列表优化(FlatList/ListView.builder+key) | 状态管理(RTK/Riverpod) | 原生桥接验证 | 冷启动<1.5s | 渲染>55fps

选型

Web 背景→RN | 极致动画/UI 定制→Flutter | 大量原生交互→RN | 极致原生体验→原生

SwiftUI/Compose/RN/Flutter API 详情详见 references/details.md

Sponsors

Details

Repository
github.com/telagod/code-abyss
Categories
Frontend Development, Mobile Development
License
MIT
First seen
Jun 11, 2026

More from telagod/code-abyss

All 30
1tzachbon avatarHook Developmenttzachbon/smart-ralphHooks let you intercept Claude Code events to validate operations, block dangerous commands, or inject context at key moments like tool...0skills.sh installs
2udecode avatartestingudecode/better-convexHelps you write React hook tests in Bun without the usual foot-guns.0skills.sh installs
3vamseeachanta avatarorcaflex-model-generatorvamseeachanta/digitalmodelGenerate OrcaFlex models from templates using component assembly with0skills.sh installs
4mindrally avatarnextjs-react-redux-typescript-cursor-rulesmindrally/skillsComprehensive Next.js, React, Redux, and TypeScript development guidelines covering SOLID principles, component architecture, and best practices.868skills.sh installs
5syncfusion avatarsyncfusion-react-dashboard-layoutsyncfusion/react-ui-components-skillsBuild responsive, interactive dashboard layouts with Syncfusion React Dashboard Layout component. Implement draggable and resizable panels, responsive grid syst735skills.sh installs
6giuseppe-trisciuoglio avatartailwind-css-patternsgiuseppe-trisciuoglio/developer-kitProvides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors, an18Kskills.sh installs