Tamagui v2 Skill

Universal React UI framework for web and native (v1.144.0+)

This skill provides comprehensive guidance for building cross-platform React applications using Tamagui's styling system, component library, Bento premium components, and Takeout starter kit.

Overview

Tamagui is a universal UI framework that lets you write once and deploy to both web and React Native with optimal performance. It features:

• Unified styling API - styled() function with design tokens, variants, and responsive patterns
• Optimizing compiler - Extracts styles to atomic CSS at build time for maximum performance
• Theme system - 12-step color scales with automatic light/dark mode support
• Cross-platform components - Button, Dialog, Sheet, Input, Select, Tabs, and more
• Premium ecosystem - Bento (production forms, tables, lists) + Takeout (full-stack starter with routing, auth, database, real-time sync)