SuperAPI AI 工具集

android-compose-foundations

前端与建站

查看项目

更新于 10-15 23:47

技能介绍

用途:当请求涉及 Jetpack Compose 屏幕、Android 中的 Compose 布局或 Compose 修饰符清理时使用本技能,目标是基于 Compose 基础、布局、修饰符、主题和稳定组件结构构建 Android UI。范围扩大时可交接给 android-compose-state-effects、android-material3-design-system。

工作流:先判断目标界面是 Compose、View 系统还是混合互操作屏幕;选择满足响应式、无障碍与性能需求的最低摩擦 UI 模式;围绕稳定状态、显式副作用和可复用设计令牌构建 UI;在示例应用中测试长文本、字体缩放、RTL 和窄屏等边界情况;交接前用单元、UI 和截图友好检查验证。

护栏:优先保证稳定状态与可预测渲染,再考虑动画或抽象;默认遵循无障碍语义、对比度、焦点顺序和触摸目标指引;没有明确互操作边界时不要混用 Compose 与 View 系统所有权;优先做有度量的性能工作而非过早微优化。

反模式:在叶子 UI 组件中直接嵌入导航或业务逻辑;使用在本地化或动态文本下会失效的固定尺寸;忽略语义、只播报视觉变化;不调整心智模型就把 XML 模式直接移植到 Compose。

示例命令:cd examples/orbittasks-compose && ./gradlew :app:testDebugUnitTest;cd examples/orbittasks-compose && ./gradlew :app:assembleDebug;python3 scripts/eval_triggers.py --skill android-compose-foundations。

完成清单:实现路径明确、最小且对应正确的 Android 界面;相关示例命令与基准提示已执行或更新;跨边界时记录相邻技能交接;官方参考覆盖所选模式及主要迁移或排障路径。官方参考:https://developer.android.com/develop/ui/compose、https://developer.android.com/develop/ui/compose/layouts/basics、https://developer.android.com/develop/ui/compose/modifiers、https://developer.android.com/develop/ui/compose/designsystems/material3。限制:资料未提供收费、价格、平台支持范围等细节。