Skills
.Work. You
Rest

UI/UX Engineering

Community

Craft pixel-perfect, accessible UIs.

Software Engineering#ui#accessibility#design system#android#ux#compose
AuthorBryantChi
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill streamlines the creation and maintenance of user interfaces by providing structured guidance on design systems, complex UI patterns, and accessibility standards, ensuring a consistent and inclusive user experience.

Core Features & Use Cases

  • Design System Implementation: Guides the setup of themes, spacing, typography, and color tokens.
  • Complex UI Patterns: Provides code examples for implementing advanced UI elements like collapsing toolbars and shared element transitions.
  • Accessibility (a11y): Offers best practices for semantic properties, TalkBack testing, and handling decorative images.
  • Adaptive Layouts: Demonstrates how to create responsive UIs based on window size classes.

Quick Start

Use the UI/UX Engineering skill to implement a collapsing toolbar with the provided code examples.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: UI/UX Engineering
Download link: https://github.com/BryantChi/Android-Skills/archive/main.zip#ui-ux-engineering

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.