Skip to main content

Android Design Guidelines

Skill Verified Active

Material Design 3 and Android platform guidelines. Use when building Android apps with Jetpack Compose or XML layouts, implementing Material You, navigation, or accessibility. Triggers on tasks involving Android UI, Compose components, dynamic color, or Material Design compliance.

Purpose

To guide developers in building Android applications that follow Material Design 3 and platform best practices, ensuring consistency, usability, and accessibility.

Features

  • Material Design 3 and Android platform guidelines
  • Jetpack Compose and XML layout examples
  • Material You and dynamic color implementation
  • Navigation patterns (bottom bar, rail, drawer)
  • Accessibility best practices (TalkBack, touch targets, contrast)
  • Responsive layout rules using window size classes
  • Component-specific guidance (FAB, Top App Bar, Dialogs, etc.)

Use Cases

  • Building new Android apps with Material Design 3
  • Reviewing existing Android app code for guideline compliance
  • Implementing dynamic color and Material You theming
  • Designing accessible Android user interfaces
  • Choosing appropriate navigation patterns for different screen sizes

Non-Goals

  • Providing concrete code implementations (only examples)
  • Replacing official Android or Material Design documentation
  • Automating UI design directly (provides guidance, not generation)

Installation

npx skills add ehmo/platform-design-skills

Runs the Vercel skills CLI (skills.sh) via npx — needs Node.js locally and at least one installed skills-compatible agent (Claude Code, Cursor, Codex, …). Assumes the repo follows the agentskills.io format.

Quality Score

Verified
100 /100
Analyzed 1 day ago

Trust Signals

Last commitabout 2 months ago
Stars362
LicenseMIT
Status
View Source

Similar Extensions

Baseline Ui

100

Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS projects. Use when building UI components, reviewing CSS utilities, styling React views, or enforcing design consistency.

Skill
ibelick

Color Audit

100

Color-only audit to extract, evaluate, and recommend improvements for the project's color system

Skill
Aboudjem

Review Ux Ui

99

Review user experience and interface design using Nielsen's heuristics, WCAG 2.1 accessibility guidelines, keyboard and screen reader audit, user flow analysis, cognitive load assessment, and form usability evaluation. Use when conducting a usability review before release, assessing WCAG 2.1 accessibility compliance, evaluating user flows for efficiency, reviewing form design, or performing a heuristic evaluation of an existing interface.

Skill
pjt222

Fixing Accessibility

100

Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors. Use when adding interactive controls, forms, dialogs, or reviewing WCAG compliance.

Skill
ibelick

Noob Mode

100

Plain-English translation layer for non-technical Copilot CLI users. Translates every approval prompt, error message, and technical output into clear, jargon-free English with color-coded risk indicators.

Skill
github

Design Audit

100

Full project design audit that orchestrates all agents, scores across 12 dimensions, generates prioritized action plan

Skill
Aboudjem

© 2025 SkillRepo · Find the right skill, skip the noise.