skills.rest
skeletorflet
skeletorfletCOMMUNITY
Explore all skills by this author →
GitHub

mobile-design

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
One-click install
npx skills add https://github.com/skeletorflet/opencode-kit --skill mobile-design-skeletorflet
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
dankoflydankofly

mobile-design

Enforce structured mobile design thinking for iOS and Android projects.

Community
Advanced
thingpersonthingperson

mobile-best-practices

Audit mobile apps against iOS Safari and Android Chrome best practices.

Community
Intermediate
rafaelminatto1rafaelminatto1

mobile-design

Apply mobile design thinking protocols for iOS and Android UX decisions.

Community
Advanced
Vishnugupta2711Vishnugupta2711
1

ui-mobile

Codify accessible cross-platform React Native UI patterns for iOS and Android.

Community
Advanced