skills.rest
piotrgawel5
piotrgawel5COMMUNITY
Explore all skills by this author →
GitHub

mobile-quality-standard

Enforce Project Delta mobile quality standards for Expo React Native tasks.

Updated Aug 23, 2026
Search Tags:#ui#optimization#mobile#quality#standards#react-native#expo
One-click install
npx skills add https://github.com/piotrgawel5/project_delta --skill mobile-quality-standard
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-quality-standard
Source: https://github.com/piotrgawel5/project_delta/tree/main/.codex_skill_build/mobile-quality-standard
Command: npx skills add https://github.com/piotrgawel5/project_delta --skill mobile-quality-standard

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Apply Project Delta mobile quality standards for tasks touching apps/mobile/ in the Expo React Native app. Use when implementing or reviewing UI, animation, SVG, Zustand fetch flows, performance-sensitive components, design-token usage, or any screen that must match Figma/reference assets without regressions.

Core Features & Use Cases

  • Apply consistent color, spacing, and typography using the project theme tokens.
  • Enforce robust animation guidelines, fetch architecture, and reference asset checks.
  • Ensure UI details match design references and maintain performance targets.

Quick Start

Use this standard to ensure mobile UI/components align with design tokens, references, and performance guidelines.

Frequently Asked Questions about mobile-quality-standard

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

FAQPage Schema
How do I enforce React Native UI quality standards in an Expo app?▼

You enforce React Native UI quality by applying token-based styling from project themes, mapping NEON_COLORS correctly, and verifying screens against Figma reference assets to prevent visual regressions.

What are mobile quality standards for Expo animations and Zustand fetch flows?▼

Mobile quality standards for Expo animations and Zustand fetch flows ensure robust architecture and performance targets are met by enforcing strict guidelines for performance-sensitive components and state management.

Does this mobile quality standard work with custom design tokens like SLEEP_THEME?▼

Yes, this mobile quality standard works with custom design tokens by enforcing consistent color, spacing, and typography directly from SLEEP_THEME and SLEEP_LAYOUT tokens across your Expo application.

How do I prevent UI regressions when implementing SVGs in React Native?▼

To prevent UI regressions when implementing SVGs in React Native, enforce reference asset checks and ensure token-based styling aligns components directly with Figma reference assets without visual deviations.

When should I use design token enforcement for performance-sensitive Expo screens?▼

You should use design token enforcement for performance-sensitive Expo screens when implementing UI, animations, or Zustand fetch flows that must strictly align with Figma references and maintain performance targets.

Related Skills

Explore More Software Engineering 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
KRISHNA0RKRISHNA0R
25

rayden-use

Create and maintain Rayden UI components in Figma with design token enforcement.

Community
Advanced
fengjutianfengjutian

react-native-dev

Guide building and deploying React Native and Expo applications.

Community
Intermediate
gihwan-devgihwan-dev
1

figma-to-code

Convert Figma design data into React component code.

Community
Advanced