skills.rest
treesus6
treesus6COMMUNITY
Explore all skills by this author →
GitHub

sq-mobile-dev

Enforce React Native/Expo development standards for SkateQuest-Mobile UI components.

1|Updated Dec 7, 2025
Search Tags:#react-native#mobile-development#expo#coding-conventions#component-design#ui-standards
One-click install
npx skills add https://github.com/treesus6/SkateQuest-Mobile --skill sq-mobile-dev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: sq-mobile-dev
Source: https://github.com/treesus6/SkateQuest-Mobile/tree/main/.claude/skills/sq-mobile-dev
Command: npx skills add https://github.com/treesus6/SkateQuest-Mobile --skill sq-mobile-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Core RN/Expo coding standards to prevent web-habits and ensure consistent UI across SkateQuest-Mobile.

Core Features & Use Cases

  • Enforces RN/Expo UI primitives, styling with NativeWind, and safe component patterns; reduces architectural drift.
  • Provides guardrails for navigation, authentication guards, error handling, and Expo integration.
  • Use Case: A new screen follows the standard to ensure consistency and accessibility across the app.

Quick Start

Create a new UI component by following the SkateQuest-Mobile RN/Expo standards and run the project's lint and type checks.

Frequently Asked Questions about sq-mobile-dev

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

FAQPage Schema
How do I enforce React Native coding conventions for UI components and screens?▼

To enforce React Native coding conventions, apply standardized rules for component structure, styling, and Expo best practices. This ensures consistent UI primitives and reduces architectural drift across your mobile application.

What are the best practices for styling React Native components with NativeWind?▼

Best practices for styling React Native components with NativeWind involve using native UI primitives and adhering to specified styling conventions. This approach prevents web-habits and ensures consistent, accessible UI across your mobile app.

How do I set up navigation and authentication guards in an Expo app?▼

Setting up navigation and authentication guards in an Expo app requires following specific development guardrails. These standards define safe API usage, error handling expectations, and component patterns to secure your mobile application.

Can I use standard web UI primitives in React Native without causing styling issues?▼

Using standard web UI primitives in React Native causes styling issues and architectural drift. You must use specified RN/Expo UI primitives and NativeWind styling conventions to ensure native compatibility and consistent UI.

Related Skills

Explore More Software Engineering Skills→
yurkennyurkenn
1

tailwind-setup

Configure Tailwind CSS v4 in Expo projects with NativeWind and react-native-css.

Community
Intermediate
takapomtakapom

screen

Generate React Native screen components under src/screens with PascalCase names.

Community
Intermediate
huangzidahuangzida
2

security-and-hardening

Enforce secure coding practices for authentication, authorization, and data handling.

Community
Advanced
BEE-CODEDBEE-CODED
1

react-native-expo

Enforce React Native and Expo managed workflow conventions for mobile development.

Official
Intermediate