skills.rest
vctplatform
vctplatformCOMMUNITY
Explore all skills by this author →
GitHub

frontend-developer

Develops web and mobile UIs with React 20, TypeScript, Expo, and Tailwind CSS v4.

Updated Aug 23, 2026
Search Tags:#typescript#frontend#react#supabase#tailwind css#mobile development#expo
One-click install
npx skills add https://github.com/vctplatform/vct-erp --skill frontend-developer-vctplatform
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-developer
Source: https://github.com/vctplatform/vct-erp/tree/main/vct-erp/.agents/skills/frontend-developer
Command: npx skills add https://github.com/vctplatform/vct-erp --skill frontend-developer-vctplatform

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill streamlines the development of modern, cross-platform user interfaces for web and mobile applications, ensuring consistency and efficiency.

Core Features & Use Cases

  • Cross-Platform Development: Build UIs for both web (React 20) and mobile (Expo React Native) from a single codebase.
  • Modern Tech Stack: Leverages React 20, TypeScript, Expo, Tailwind CSS v4, and Supabase for robust application development.
  • Use Case: Develop a new feature for the VCT Platform, such as an athlete profile screen, that works seamlessly on both the web application and the mobile app, complete with state management and data fetching from Supabase.

Quick Start

Use the frontend-developer skill to create a new React component for displaying athlete data.

Frequently Asked Questions about frontend-developer

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

FAQPage Schema
How do I build cross-platform UI components for both web and mobile using React and Expo?▼

Cross-platform UI components are developed using React 20 and Expo React Native, allowing a single codebase to render on both web and mobile. This ensures visual consistency and code reuse across platforms.

What is the process for integrating Supabase backend services into a React application?▼

Integrating Supabase backend services into a React application involves connecting your frontend components to Supabase for data fetching and state management. This handles backend data operations directly within your UI layer.

Can I use Tailwind CSS v4 with Expo React Native for responsive design?▼

Yes, Tailwind CSS v4 works with Expo React Native for responsive design. It provides utility-first styling that adapts layouts dynamically across different mobile and web screen sizes.

How do I manage state and routing in a cross-platform TypeScript application?▼

Managing state and routing in a cross-platform TypeScript application requires architectural patterns handling data flow and navigation transitions. This ensures reliable user experiences across web and mobile deployments.

Does this frontend development approach support internationalization for React web and mobile apps?▼

Yes, this frontend development approach supports internationalization for React web and mobile apps by integrating it into the component architecture to handle multilingual content delivery.

What are the limitations of using a single React codebase for web and mobile development?▼

Using a single React codebase for web and mobile development presents limitations in platform-specific API access and native module compatibility. Developers must ensure cross-platform compatibility for device-specific features.

Related Skills

Explore More Software Engineering Skills→
MakisuoMakisuo
1.6k

clickhousectl-local-dev

Install and configure a local ClickHouse environment with clickhousectl.

Community
Intermediate
LowyShinLowyShin
33

mobile-app

Guide cross-platform mobile app development with React Native, Flutter, and Expo.

Community
Advanced
nopkhunnopkhun

backend-engineer

Integrate frontend applications with Supabase for backend services.

Community
Advanced
lapc506lapc506
4

Native Integration (Swift/Kotlin)

Integrate native iOS and Android APIs into Flutter via MethodChannels.

Community
Advanced