krutikjain/android-agent-skills

android-material3-design-system

Apply Material 3 tokens, color, type, spacing, adaptive components, and theme ownership in Android apps.

소스 보기

사용 방법

  1. 설치 명령을 복사하고 자신의 에이전트 환경에 설치하기 전에 소스 패키지를 확인하세요.
  2. 필요한 도구, 인증 정보, 지원 환경은 원본 문서에서 확인하세요.
  3. 입력과 원하는 산출물을 설명하고 출처와 결과를 대조하세요.
npx skills add https://github.com/krutikjain/android-agent-skills --skill android-material3-design-system

시작 전 확인

  • 설치에는 모델 구독, API 한도, 파일 접근 권한이 포함되지 않습니다.
  • 별점 수와 설치 수는 활동 지표이며 독립적인 품질·보안 검증이 아닙니다.
원본 Skill 문서

원본 저장소의 제목, 예시, 코드, 표, 링크, 이미지를 유지해 표시합니다.

Android Material3 Design System

When To Use

  • Use this skill when the request is about: material3 theme android, design system tokens compose, android typography color system.
  • Primary outcome: Apply Material 3 tokens, color, type, spacing, adaptive components, and theme ownership in Android apps.
  • Handoff skills when the scope expands:
  • android-compose-foundations
  • android-compose-accessibility

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: Apply a coherent Material 3 theme to the Compose showcase screens.
  • Command: cd examples/orbittasks-compose && ./gradlew :app:assembleDebug

Edge case

  • Scenario: Keep XML and Compose surfaces visually aligned during mixed UI migration.
  • Command: cd examples/orbittasks-xml && ./gradlew :app:assembleDebug

Failure recovery

  • Scenario: Avoid routing theme-token work into accessibility or generic Compose foundations.
  • Command: python3 scripts/eval_triggers.py --skill android-material3-design-system

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

관련 작업

같은 저장소의 Skills

더 많은 Skills

모든 Skills