Agent Skillsmidudev/autoskills › android-compose-foundations

android-compose-foundations

GitHub

用于构建Android Jetpack Compose基础UI,涵盖布局、修饰符、主题及组件结构。指导识别界面类型,遵循稳定状态与无障碍规范,避免混合视图系统或硬编码尺寸,确保可访问性与性能,并明确向状态管理和设计系统技能的交接边界。

packages/autoskills/skills-registry/android-compose-foundations/SKILL.md midudev/autoskills

Trigger Scenarios

Jetpack Compose屏幕开发 Compose布局实现 Compose修饰符清理

Install

npx skills add midudev/autoskills --skill android-compose-foundations -g -y
More Options

Non-standard path

npx skills add https://github.com/midudev/autoskills/tree/main/packages/autoskills/skills-registry/android-compose-foundations -g -y

Use without installing

npx skills use midudev/autoskills@android-compose-foundations

指定 Agent (Claude Code)

npx skills add midudev/autoskills --skill android-compose-foundations -a claude-code -g -y

安装 repo 全部 skill

npx skills add midudev/autoskills --all -g -y

预览 repo 内 skill

npx skills add midudev/autoskills --list

SKILL.md

Frontmatter
{
    "name": "android-compose-foundations",
    "metadata": {
        "tags": [
            "android",
            "compose",
            "ui",
            "foundation"
        ],
        "owners": [
            "@android-agent-skills\/maintainers"
        ],
        "version": "0.1.0",
        "category": "ui",
        "triggers": {
            "exclude": [
                "xml fragment problem",
                "retrofit interceptor",
                "play release pipeline"
            ],
            "include": [
                "jetpack compose screen",
                "compose layout in android",
                "modifier cleanup compose",
                "android compose component structure",
                "compose foundation best practices"
            ]
        },
        "test_targets": [
            "examples\/orbittasks-compose",
            "examples\/orbittasks-xml",
            "benchmarks\/triggers.jsonl"
        ]
    },
    "description": "Build Android UI with Jetpack Compose foundations, layouts, modifiers, theming, and stable component structure."
}

Android Compose Foundations

When To Use

  • Use this skill when the request is about: jetpack compose screen, compose layout in android, modifier cleanup compose.
  • Primary outcome: Build Android UI with Jetpack Compose foundations, layouts, modifiers, theming, and stable component structure.
  • Handoff skills when the scope expands:
  • android-compose-state-effects
  • android-material3-design-system

Workflow

  1. Identify whether the target surface is Compose, View system, or a mixed interoperability screen.
  2. Select the lowest-friction UI pattern that satisfies responsiveness, accessibility, and performance needs.
  3. Build the UI around stable state, explicit side effects, and reusable design tokens.
  4. Exercise edge cases such as long text, font scaling, RTL, and narrow devices in the fixture apps.
  5. Validate with unit, UI, and screenshot-friendly checks before handing off.

Guardrails

  • Optimize for stable state and predictable rendering before adding animation or abstraction.
  • Respect accessibility semantics, contrast, focus order, and touch target guidance by default.
  • Do not mix Compose and View system ownership without an explicit interoperability boundary.
  • Prefer measured performance work over premature micro-optimizations.

Anti-Patterns

  • Embedding navigation or business logic directly in leaf UI components.
  • Using fixed dimensions that break on localization or dynamic text.
  • Ignoring semantics and announcing only visual changes.
  • Porting XML patterns directly into Compose without adapting the mental model.

Examples

Happy path

  • Scenario: Refine the Compose OrbitTasks board with stable slots and theme tokens.
  • Command: cd examples/orbittasks-compose && ./gradlew :app:testDebugUnitTest

Edge case

  • Scenario: Keep previews and layout behavior stable under narrow widths and long text.
  • Command: cd examples/orbittasks-compose && ./gradlew :app:assembleDebug

Failure recovery

  • Scenario: Keep general Compose requests from drifting into state/effects or performance work.
  • Command: python3 scripts/eval_triggers.py --skill android-compose-foundations

Done Checklist

  • The implementation path is explicit, minimal, and tied to the right Android surface.
  • Relevant example commands and benchmark prompts have been exercised or updated.
  • Handoffs to adjacent skills are documented when the request crosses boundaries.
  • Official references cover the chosen pattern and the main migration or troubleshooting path.

Official References

Version History

  • 0ec7253 Current 2026-07-24 20:51

Same Skill Collection

packages/autoskills/skills-registry/accessibility/SKILL.md
packages/autoskills/skills-registry/adev-writing-guide/SKILL.md
packages/autoskills/skills-registry/agents-sdk/SKILL.md
packages/autoskills/skills-registry/android-architecture-clean/SKILL.md
packages/autoskills/skills-registry/android-coroutines-flow/SKILL.md
packages/autoskills/skills-registry/android-di-hilt/SKILL.md
packages/autoskills/skills-registry/android-gradle-build-logic/SKILL.md
packages/autoskills/skills-registry/android-kotlin-core/SKILL.md
packages/autoskills/skills-registry/android-networking-retrofit-okhttp/SKILL.md
packages/autoskills/skills-registry/android-testing-unit/SKILL.md
packages/autoskills/skills-registry/angular-developer/SKILL.md
packages/autoskills/skills-registry/aspnet-core/SKILL.md
packages/autoskills/skills-registry/aspnet-minimal-api-openapi/SKILL.md
packages/autoskills/skills-registry/astro/SKILL.md
packages/autoskills/skills-registry/azure-ai/SKILL.md
packages/autoskills/skills-registry/bash-defensive-patterns/SKILL.md
packages/autoskills/skills-registry/best-practices/SKILL.md
packages/autoskills/skills-registry/building-native-ui/SKILL.md
packages/autoskills/skills-registry/bun/SKILL.md
packages/autoskills/skills-registry/chrome-extension-development/SKILL.md
packages/autoskills/skills-registry/clerk-android/SKILL.md
packages/autoskills/skills-registry/clerk-astro-patterns/SKILL.md
packages/autoskills/skills-registry/clerk-backend-api/SKILL.md
packages/autoskills/skills-registry/clerk-chrome-extension-patterns/SKILL.md
packages/autoskills/skills-registry/clerk-custom-ui/SKILL.md
packages/autoskills/skills-registry/clerk-expo-patterns/SKILL.md
packages/autoskills/skills-registry/clerk-nextjs-patterns/SKILL.md
packages/autoskills/skills-registry/clerk-nuxt-patterns/SKILL.md
packages/autoskills/skills-registry/clerk-orgs/SKILL.md
packages/autoskills/skills-registry/clerk-react-patterns/SKILL.md
packages/autoskills/skills-registry/clerk-react-router-patterns/SKILL.md
packages/autoskills/skills-registry/clerk-setup/SKILL.md
packages/autoskills/skills-registry/clerk-swift/SKILL.md
packages/autoskills/skills-registry/clerk-tanstack-patterns/SKILL.md
packages/autoskills/skills-registry/clerk-testing/SKILL.md
packages/autoskills/skills-registry/clerk-vue-patterns/SKILL.md
packages/autoskills/skills-registry/clerk-webhooks/SKILL.md
packages/autoskills/skills-registry/cloudflare-deploy/SKILL.md
packages/autoskills/skills-registry/cloudflare/SKILL.md
packages/autoskills/skills-registry/composition-patterns/SKILL.md
packages/autoskills/skills-registry/containerize-aspnetcore/SKILL.md
packages/autoskills/skills-registry/core-data-expert/SKILL.md
packages/autoskills/skills-registry/csharp-docs/SKILL.md
packages/autoskills/skills-registry/csharp-mstest/SKILL.md
packages/autoskills/skills-registry/csharp-nunit/SKILL.md
packages/autoskills/skills-registry/csharp-tunit/SKILL.md
packages/autoskills/skills-registry/csharp-xunit/SKILL.md
packages/autoskills/skills-registry/dart-best-practices/SKILL.md
packages/autoskills/skills-registry/deno-deploy/SKILL.md

Metadata

Files
0
Version
0ec7253
Hash
2c98b193
Indexed
2026-07-24 20:51

- 위키
Copyright © 2011-2026 iteam. Current version is 2.155.2. UTC+08:00, 2026-08-07 05:17
浙ICP备14020137号-1 $방문자$