react-native-builder
Expert in React Native development, native modules, platform-specific code, navigation, AsyncStorage, styling, animations, and app deployment to iOS/Android stores
Expert in React Native development, native modules, platform-specific code, navigation, AsyncStorage, styling, animations, and app deployment to iOS/Android stores
Create advanced animations with Framer Motion, gesture handling, micro-interactions, spring physics, orchestration, and performance optimization for UI components
[Extends frontend-developer] Vue 3 specialist. Use for Vue-specific features: Composition API, script setup, Pinia stores, Vue Router, Nuxt 3 SSR, Vitest. Invoke alongside frontend-developer for Vue projects.
Fresh framework, Preact components, and Tailwind CSS patterns for Deno frontend development
Guide for writing React code without unnecessary useEffect. Use when writing or editing React components. Avoid anti-patterns like derived state, chained state updates, and event handlers in effects.
UI component patterns for React 19, shadcn/ui, and Tailwind. Use when working on files in src/components/.
Provides Tenzir design system tokens and component specifications. Use when building UI components, styling with CSS/Tailwind, choosing colors, typography, spacing, or implementing buttons, inputs, tags/badges, toasts, and other Tenzir UI elements.
Efficient Tailwind CSS patterns using inheritance and custom config
Design and build reusable, well-documented components. Master component composition, prop design, variant systems, state management, and documentation. Create a scalable component library that enables consistency and speeds up development. Works with React, TypeScript, and Tailwind CSS.
Guide for UI styling with semantic design system classes. Never use gray-* colors or arbitrary Tailwind utilities.
Scaffold a new Next.js application with Effect-TS integration, including shadcn/ui, authentication, database, email, and telemetry services.
Implement robust error handling in client-side JavaScript code to gracefully manage failures in static site operations. Use this skill when working with error scenarios in API calls, DOM manipulation, data parsing, and user interactions.
Use when writing JavaScript or TypeScript code with asynchronous operations
React performance optimization guidelines focused on Tanstack Start applications. Use when writing, reviewing, or refactoring React code with Tanstack Start, Tanstack Query, and Tanstack Router. Triggers on React components, data fetching, bundle optimization, performance improvements, code review, or refactoring tasks.
WHEN: User is writing HTML/templates with Tailwind CSS classes, styling components, configuring Tailwind themes, asking about Tailwind utilities or patterns, or working with any project that uses Tailwind CSS WHEN NOT: Non-Tailwind CSS questions, general HTML/CSS without Tailwind context, questions about other CSS frameworks (Bootstrap, etc.)
Style React components with Tailwind CSS v4 utility classes. Use when styling UI components, applying responsive designs, theming, or working with CSS-in-JS patterns. Covers v4 CSS-first configuration, @theme directive, new variants, and breaking changes from v3.
Enterprise-grade component design and architecture with React 19, Vue 3.5, Atomic Design patterns, accessibility standards (WCAG 2.1 AA), design systems, and production-ready component libraries. Use when building reusable component systems, designing component libraries, implementing Atomic Design, ensuring accessibility compliance, or creating scalable UI architectures.