ln-721-frontend-restructure
Restructures React frontend from monolith to component-based architecture
Skills matching the name, description or GitHub author.
Restructures React frontend from monolith to component-based architecture
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
Load automatically when planning, researching, or implementing Medusa storefront features (calling custom API routes, SDK integration, React Query patterns, data fetching). REQUIRED for all storefront developme...
Builds the Fake Survey Generator React frontend with Vite and TypeScript. Use this skill when frontend code changes need to be compiled and validated for TypeScript errors. This skill orchestrates the npm build...
Tooling React - Configuration et Optimisation. Use when working with tooling.
Performance Optimization - React Native. Use when optimizing performance or profiling code.
Ferramentas React - Configuracao e Otimizacao. Use when working with tooling.
Herramientas React - Configuración y Optimización. Use when working with tooling.
Gestión de Estado - React Query, Zustand, MMKV. Use when managing application state.
Optimización de Rendimiento - React Native. Use when optimizing performance or profiling code.
Tooling React Native - Expo & EAS. Use when working with tooling.
Implement client-side routing using React Router, Vue Router, and Angular Router. Use when building multi-page applications with navigation and route protection.
Design scalable React components using functional components, hooks, composition patterns, and TypeScript. Use when building reusable component libraries and maintainable UI systems.
Build cross-platform mobile apps with React Native. Covers navigation with React Navigation, state management with Redux/Context API, API integration, and platform-specific features.
React Router v7 full-stack development. Use when working with routes, loaders, actions, SSR, or the web app in apps/web.
Use when hotwire (Turbo and Stimulus) for building modern reactive Rails applications without complex JavaScript frameworks.
Use when working with React Native Web projects. Provides core concepts, components, and cross-platform patterns for building web applications with React Native.
Use when building or integrating native modules in React Native. Covers creating native modules, Turbo Modules, bridging native code, and accessing platform-specific APIs.
Automatically discover frontend development skills when working with React, Next.js, UI components, state management, data fetching, forms, accessibility, performance optimization, or SEO. Activates for fronten...
Use when working on the mobile app (packages/app). Covers Expo, React Native, expo-router navigation, NativeWind styling, React Query data fetching, translations, and mobile-specific patterns.
Build React components, responsive layouts, and handle state management. Use for UI development, styling, or frontend performance.
Develop React Native or Flutter apps with native integrations. Use for mobile development, cross-platform code, or app optimization.
Core React 19 patterns including hooks, Suspense, lazy loading, component structure, TypeScript best practices, and performance optimization. Use when working with React components, hooks, lazy loading, Suspens...
Optimized for Next.js and React performance based on Antigravity standards.
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.