krutikjain avatar

Android Compose Foundations

This handles the foundational Compose work: building screens with stable layouts, cleaning up modifier chains, and setting up component structure that won't break under localization or accessibility pressure. It's scoped to keep you out of state management and Material 3 design system territory, those get their own handoffs. The guardrails push you toward predictable rendering and proper semantics before you reach for animation or abstractions. If you're still porting XML thinking directly into Compose or hardcoding dimensions, the anti-patterns section will call you out. It includes fixture apps like OrbitTasks to test edge cases like RTL and font scaling before you ship.

skills.sh installs
340
GitHub stars
14
last updated
Aug 21, 2026

Install

$ npx -y skills add krutikjain/android-agent-skills --skill android-compose-foundations --agent claude-code

Installs into .claude/skills of the current project.

Files

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.

Sponsors

Details

Repository
github.com/krutikjain/android-agent-skills
Categories
Frontend Development, DevOps & CI/CD, AI & Agent Building, Mobile Development
First seen
Jun 3, 2026

More from krutikjain/android-agent-skills

All 8
1dhruvanbhalara avatarflutter-debuggingdhruvanbhalara/skillsDebug and profile Flutter applications using DevTools, structured logging, and memory analysis. Use when diagnosing layout issues, tracking performance bottlene338skills.sh installs
2jezweb avatarvercel-blobjezweb/claude-skillsIntegrate Vercel Blob for file uploads and CDN-delivered assets in Next.js. Supports client-side uploads with presigned URLs and multipart transfers for large f333skills.sh installs
3bobmatnyc avatarvalidated-handlerbobmatnyc/claude-mpm-skillsType-safe API route handler with automatic Zod validation for Next.js App Router...332skills.sh installs
4tech-leads-club avatarperf-lighthousetech-leads-club/agent-skillsRun Lighthouse audits locally via CLI or Node API, parse and interpret reports, and set performance budgets. Use when measuring site performance, understanding 332skills.sh installs
5dirien avatarpulumi-typescriptdirien/claude-skillsScaffolds Pulumi TypeScript infrastructure-as-code projects, writes IaC code with proper resource configuration, manages Pulumi ESC environments for centralized329skills.sh installs
6wix avatarwds-docswix/skillsWix Design System component reference. Use when building UI with @wix/design-system, choosing components, or checking props and examples. Triggers on "what comp329skills.sh installs