skills.rest
ramarivera
ramariveraCOMMUNITY
Explore all skills by this author →
GitHub

tamagui-v2

Build universal React Native and Web apps with Tamagui v2 styling and tokens.

Updated Jan 24, 2026
Search Tags:#cross-platform#react-native#web#design-tokens#tamagui#bento
One-click install
npx skills add https://github.com/ramarivera/tamagui-skills --skill tamagui-v2
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: tamagui-v2
Source: https://github.com/ramarivera/tamagui-skills/tree/main/skills/tamagui-v2
Command: npx skills add https://github.com/ramarivera/tamagui-skills --skill tamagui-v2

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a structured, up-to-date reference for Tamagui v2, helping teams adopt universal React Native + Web UI patterns faster and consistently.

Core Features & Use Cases

  • Guided setup for Tamagui v2 projects including tokens, themes, and media
  • Pattern library covering styling with styled(), design tokens, and cross-platform components (XStack/YStack/ZStack)
  • Reference access to Bento and Takeout kits, with practical use-case recipes

Quick Start

Activate the tamagui-v2 skill to access core docs, API references, and practical recipes for rapid Tamagui v2 adoption.

Frequently Asked Questions about tamagui-v2

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

FAQPage Schema
How do I build cross-platform UI components for React Native and Web?▼

To build cross-platform UI components for React Native and Web, use Tamagui v2 styling patterns like styled(), design tokens, and XStack/YStack/ZStack to create universal apps with consistent rendering across native and web targets.

What's the best way to set up design tokens and theming in a universal React app?▼

Setting up design tokens and theming in a universal React app involves configuring Tamagui v2 tokens, themes, and media properties to ensure consistent styling across both web and React Native platforms.

Can I use Bento and Takeout references with Tamagui v2 for cross-platform development?▼

Yes, you can use Bento and Takeout references with Tamagui v2 to apply practical cross-platform UI recipes and integration patterns across web and native targets.

Do I need prior experience with Tamagui v2 APIs to use this skill effectively?▼

Yes, you need familiarity with Tamagui v2 APIs and Takeout/Bento references to effectively apply the provided cross-platform styling patterns and optimizations.

How does Tamagui v2 handle styling and layout across different platforms?▼

Tamagui v2 handles styling and layout across platforms by using the styled() API, design tokens, and stack components like XStack, YStack, and ZStack to unify web and React Native rendering.

Are there limitations when using Tamagui v2 for React Native and Web development?▼

Limitations when using Tamagui v2 include the requirement to understand its specific v2 APIs and Takeout/Bento references to correctly apply cross-platform patterns and avoid integration issues.

Related Skills

Explore More Software Engineering Skills→
tiantangcao1980-webtiantangcao1980-web
4

tamagui

Configure Tamagui to render shared UI components on web and React Native.

Community
Intermediate
htlin222htlin222
77

mobile

Develop cross-platform mobile applications using React Native and Flutter.

Community
Intermediate
skillcreatoraiskillcreatorai
1.1k

expo-app-design

Configure Expo Router and NativeWind for cross-platform React Native app development.

Community
Basic
pattarapoljpattarapolj

expo-tailwind-setup

Integrates Tailwind CSS v4 into Expo projects using react-native-css and NativeWind v5.

Community
Intermediate