app-ui-design

Name: app-ui-design
Availability: InStock
Author: Xader

Design accessible mobile UI systems for iOS and Android.

3|Updated May 16, 2026

Search Tags:#typography #design #accessibility #design-system #mobile-ui #platform-guidelines

Ready to run

npx skills add https://github.com/xaderlaggui/forge --skill app-ui-design-xaderlaggui

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: app-ui-design
Source: https://github.com/xaderlaggui/forge/tree/main/skills
Command: npx skills add https://github.com/xaderlaggui/forge --skill app-ui-design-xaderlaggui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Mobile app teams struggle to create interfaces that feel native on both iOS and Android while maintaining accessibility and consistency across products.

Core Features & Use Cases

Design System: Create cohesive tokens for color, typography, spacing, and components.
Platform Adherence: Align UI with iOS Human Interface Guidelines and Android Material Design 3.
Accessibility First: Build with WCAG 2.2 AA in mind, including color contrast, touch targets, and labels.
Use Case: A startup needs a unified mobile UI kit for a banking app, enabling rapid screen prototyping and design-to-developer handoff.

Quick Start

Define a complete design system for a mobile banking app that follows iOS HIG, Android Material You, and WCAG 2.2 AA accessibility.

Frequently Asked Questions about app-ui-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I create a mobile UI design system that works for both iOS and Android?▼

Creating a cross-platform mobile UI design system involves defining shared tokens for color, typography, and spacing that align with both iOS Human Interface Guidelines and Android Material Design 3. This ensures native feel and consistency across products.

What's the best way to build accessible mobile app components?▼

Building accessible mobile app components requires adhering to WCAG 2.2 AA standards, ensuring proper color contrast, adequate touch target sizes, and clear labels within your design system architecture.

How do I design typography and color tokens for a scalable mobile app?▼

Designing typography and color tokens for a scalable mobile app involves creating a unified system that satisfies platform guidelines compliance while maintaining accessibility standards across iOS and Android environments.

Does this approach to mobile UI design support iOS HIG and Material Design 3?▼

Yes, this mobile UI design approach explicitly aligns with iOS Human Interface Guidelines and Android Material Design 3, ensuring platform adherence while maintaining WCAG 2.2 AA accessibility compliance.

How do I set up a design system for a banking app prototype?▼

Setting up a design system for a banking app prototype requires creating cohesive tokens for color, typography, and components to enable rapid screen prototyping and seamless design-to-developer handoff.

Why do my mobile interfaces feel inconsistent across different platforms?▼

Mobile interfaces feel inconsistent across platforms when lacking a unified design system that maps shared tokens to iOS Human Interface Guidelines and Android Material Design 3 specifications.