mobile-design

Name: mobile-design
Availability: InStock
Author: skeletorflet

Document mobile design best practices and validate implementations with mobile_audit.py.

7|1|Updated Mar 28, 2026

Search Tags:#typography #performance #accessibility #mobile #color #ux #design-thinking

Ready to run

npx skills add https://github.com/skeletorflet/opencode-kit --skill mobile-design-skeletorflet

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/skeletorflet/opencode-kit/tree/main/.opencode/skills/mobile-design
Command: npx skills add https://github.com/skeletorflet/opencode-kit --skill mobile-design-skeletorflet

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Mobile design thinking guides teams to avoid AI defaults, enforce platform-aware decisions, and align mobile UX with accessibility, performance, and brand goals.

Core Features & Use Cases

Anti-memorization design thinking protocol before every project
Platform-specific checks for iOS and Android
Comprehensive references for typography, color, navigation, and performance
Use cases include crafting one-handed UI, dark-mode-friendly colors, and responsive typography across devices

Quick Start

Review the mobile-design-thinking.md and related references, then run the mobile_audit.py script to validate implementation against best practices.

Frequently Asked Questions about mobile-design

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

FAQPage Schema

How do I avoid AI default behavior in mobile UX design?▼

To avoid AI default behavior in mobile UX, you can apply an anti-memorization design thinking protocol before starting. This approach enforces platform-aware decisions and aligns mobile interfaces with accessibility, performance, and brand goals.

What are the platform-specific mobile design rules for iOS and Android?▼

Platform-specific mobile design rules for iOS and Android are defined to ensure consistent, accessible, and high-performance experiences. These rules provide comprehensive references for typography, color, navigation, and performance tailored to each operating system.

How do I validate my mobile UI against accessibility and performance best practices?▼

You can validate your mobile UI against accessibility and performance best practices by running the mobile audit script. This script checks your implementation to ensure it aligns with documented references for responsive typography and dark-mode-friendly colors.

Does this mobile design approach support one-handed UI and dark mode colors?▼

Yes, this mobile design approach supports crafting one-handed UI and dark-mode-friendly colors. It provides comprehensive references for typography, color, navigation, and performance to ensure accessible mobile experiences across different devices.

What is the best way to ensure consistent responsive typography across mobile devices?▼

The best way to ensure consistent responsive typography across mobile devices is to reference platform-specific rules for iOS and Android. This ensures your mobile UX aligns with accessibility standards, performance goals, and brand requirements.