skills.rest
buurguees
buurgueesCOMMUNITY
Explore all skills by this author →
GitHub

nexo-mobile-ui-standards

Standardize mobile UI/UX design for NEXO AV in React + Tailwind.

1|Updated Dec 30, 2025
Search Tags:#accessibility#react#tailwind#design-system#mobile-ui#nexo-av#ui-ux-standards
One-click install
npx skills add https://github.com/buurguees/av-tech-p-gina-de-inicio --skill nexo-mobile-ui-standards
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nexo-mobile-ui-standards
Source: https://github.com/buurguees/av-tech-p-gina-de-inicio/tree/main/.agents/skills/nexo-mobile-ui-standards
Command: npx skills add https://github.com/buurguees/av-tech-p-gina-de-inicio --skill nexo-mobile-ui-standards

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Establishing and enforcing consistent mobile UI/UX design for NEXO AV across React + Tailwind projects, reducing fragmentation and usability gaps.

Core Features & Use Cases

  • Clear design system rules for spacing, typography, color, and component behavior on mobile.
  • Navigation and accessibility guidelines to ensure usable, inclusive experiences across devices.
  • Parity guidance to align mobile with desktop flows where appropriate, including responsive behavior and interaction patterns.

Quick Start

Apply mobile UI standards to new or refactored NEXO AV screens using React + Tailwind to achieve consistent, accessible user experiences.

Frequently Asked Questions about nexo-mobile-ui-standards

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

FAQPage Schema
How do I standardize mobile UI design in React and Tailwind?▼

To standardize mobile UI design in React and Tailwind, apply consistent rules for spacing, typography, color semantics, and component behavior to reduce fragmentation and usability gaps across new and refactored screens.

What are the best practices for mobile accessibility and navigation patterns?▼

Mobile accessibility and navigation patterns require enforcing inclusive interaction behaviors and clear design system rules, ensuring usable experiences across devices while maintaining parity with desktop layouts.

How do I maintain parity between mobile and desktop layouts?▼

To maintain parity between mobile and desktop layouts, apply responsive behavior and interaction pattern guidelines that align mobile flows with desktop interfaces where appropriate for a unified cross-platform experience.

Can I use these UI standards when refactoring existing mobile screens?▼

Yes, you can use these UI standards when refactoring existing mobile screens, as the guidelines apply to both new screen creation and screen refactors to enforce consistency, accessibility, and responsive behavior.

What is included in a mobile UI design system for React?▼

A mobile UI design system for React includes clear rules for spacing, typography, color semantics, component behavior, navigation patterns, and accessibility guidelines to ensure inclusive and consistent cross-platform experiences.

Related Skills

Explore More Design & Creative Skills→
1natsu1721natsu172
1

expo-tailwind-setup

Configure Tailwind CSS v4 in Expo projects with NativeWind v5 and react-native-css via Metro/PostCSS.

Community
Intermediate
gunning4itgunning4it

ui-design

Enforce cohesive UI design standards across React and Tailwind components.

Community
Advanced
viktorbezdekviktorbezdek
10

frontend-design

Create accessible, responsive UI design systems with Tailwind CSS, Radix UI, and shadcn/ui.

Community
Advanced
7a336e6e7a336e6e
1

designing-ui-system

Generate a UI design system with custom color, typography, spacing, and motion tokens.

Community
Intermediate