skills.rest
coreymaypray
coreymayprayCOMMUNITY
Explore all skills by this author →
GitHub

frontend-developer

Automate Expo and Next.js frontend UI development with NativeWind styling.

1|Updated Mar 13, 2026
Search Tags:#accessibility#frontend#next.js#tailwind#react-native#expo
One-click install
npx skills add https://github.com/coreymaypray/sloth-skill-tree --skill frontend-developer-coreymaypray
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-developer
Source: https://github.com/coreymaypray/sloth-skill-tree/tree/main/plugins/maycrest-automate/skills/frontend-developer
Command: npx skills add https://github.com/coreymaypray/sloth-skill-tree --skill frontend-developer-coreymaypray

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Streamline frontend UI development by generating production-ready Expo (React Native) mobile screens and Next.js web interfaces with consistent design, navigation, and deployment best practices.

Core Features & Use Cases

  • Scaffolds Expo Router-based mobile screens with NativeWind styling and reusable components.
  • Generates Next.js web pages with responsive layouts and accessible components.
  • Includes deployment-ready configurations (EAS Build, app store submission) and guidance for deep linking, notifications, and performance tuning.
  • Use Case: Build a mobile onboarding screen and a marketing web page in a single task, with consistent styling and navigation.

Quick Start

Ask me to scaffold a new Expo mobile screen or Next.js page, and I will generate a production-ready component with styling, navigation, and accessibility.

Frequently Asked Questions about frontend-developer

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

FAQPage Schema
How do I scaffold Expo Router screens with NativeWind styling?▼

Scaffolding Expo Router screens with NativeWind generates production-ready mobile components with consistent design, reusable elements, and built-in navigation flows for immediate use.

Can I build both Next.js web pages and React Native mobile apps with consistent UI?▼

Building Next.js web pages and React Native mobile apps together allows you to generate responsive layouts, accessible components, and consistent styling across both platforms in a single task.

Does this frontend development approach handle EAS Build and app store submission?▼

EAS Build and app store submission configurations are handled by generating deployment-ready setups, including guidance for deep linking, notifications, and performance tuning for production apps.

What is the best way to ensure accessibility in Expo and Next.js interfaces?▼

Ensuring accessibility in Expo and Next.js interfaces involves generating components that satisfy requirements for accessible design, performance optimization, and production-grade app standards.

How do I set up Tailwind CSS for responsive layouts in a Next.js web interface?▼

Setting up Tailwind CSS for responsive layouts in Next.js generates web pages with accessible components, consistent styling, and responsive design optimized for production.

Are there limitations when using NativeWind for cross-platform styling in Expo?▼

NativeWind limitations in Expo involve potential constraints around complex animations and platform-specific styling, requiring performance tuning and careful navigation structure management.

Related Skills

Explore More Software Engineering Skills→
vecearvecear

storybook-setup

Automate Storybook setup, configuration, and CSF3 story authoring for frontend projects.

Community
Intermediate
json-choijson-choi

expo-deployment

Deploy Expo applications to iOS, Android, and web via EAS workflows.

Community
Intermediate
nicholasgriffintnnicholasgriffintn
2

performance-optimisation

Identify and fix performance bottlenecks across frontend, backend, and database layers.

Community
Basic
DexploarerDexploarer
6

react-native-component-generator

Generate cross-platform React Native components with TypeScript and platform-specific code.

Community
Advanced