Mobile Design Skills

Mobile Design Skills

AI agent skills for designing platform-native iOS and Android interfaces that don't look AI-generated.

Table of Contents

• Background
• Philosophy
• Features
• Installation
• Usage
• Project Structure
• Contributing
• License

Background

AI coding assistants tend to produce generic mobile UIs: stock navigation, default colors, uniform shapes, no thought given to motion. These two skills push the output from "template app" toward "intentionally designed" by teaching agents the current platform design languages and the specific anti-patterns that mark amateur work.

One skill covers iOS 26 Liquid Glass. The other covers Android 16 Material 3 Expressive. Both follow the [Agent Skills open format](https://agentskills.io/home), so they work with [Claude](https://claude.ai), [Cursor](https://cursor.com), [Copilot](https://github.com/features/copilot), [Codex](https://openai.com/codex), and any assistant that supports it.

Philosophy

These are opinionated, generative skills, not audit checklists. They push agents toward bold, intentional design choices the way [frontend-design](https://github.com/anthropics/skills/tree/main/skills/frontend-design) does for web.

What they cover:

• Platform-specific design language (Liquid Glass, M3 Expressive)
• Visual hierarchy, typography, color, shape, and motion guidelines
• Accessibility requirements baked into the design decisions
• Anti-patterns that produce generic "AI slop" on each platform

What they leave out on purpose:

• Implementation code (use platform SDK docs for SwiftUI, UIKit, and Compose APIs)
• Cross-platform frameworks like React Native and Flutter

Features

| Skill | Platform | Design Language | Key Topics