skills.rest
guillempuche
guillempucheCOMMUNITY
Explore all skills by this author →
GitHub

tamagui

Provide a universal UI library for React and React Native with an optimizing compiler.

Updated Jan 16, 2026
Search Tags:#react#styling#cross-platform#compiler#react-native#ui library
One-click install
npx skills add https://github.com/guillempuche/ai-standards --skill tamagui-guillempuche
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: tamagui
Source: https://github.com/guillempuche/ai-standards/tree/main/skills/tamagui
Command: npx skills add https://github.com/guillempuche/ai-standards --skill tamagui-guillempuche

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the development of universal React and React Native applications by providing a unified, high-performance UI library with an optimizing compiler.

Core Features & Use Cases

  • Cross-Platform UI: Build UIs that work seamlessly across web, React Native, iOS, and Android.
  • Optimizing Compiler: Improves performance by extracting styles at build time.
  • Use Case: Develop a mobile app and a web dashboard with a consistent look and feel, leveraging shared components and styling logic, and ensuring optimal performance on both platforms.

Quick Start

Use the tamagui skill to find documentation for creating styled components.

Frequently Asked Questions about tamagui

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

FAQPage Schema
How do I share styling and components between React and React Native?▼

An optimizing compiler extracts styles at build time to enhance performance in cross-platform React applications. This mechanism flattens the component tree and reduces rendering overhead, improving runtime efficiency across web and mobile.

Does this universal React UI library work with Next.js and Expo?▼

To create styled components for cross-platform React apps, reference the skill's documentation for setting up shared styling logic, design tokens, and themes. This ensures consistent UI rendering across web and React Native environments.

What's the best way to build a cross-platform UI with consistent design tokens?▼

The best way to build a cross-platform UI with consistent design tokens is using a universal React library with an optimizing compiler. This approach centralizes styling logic and themes, ensuring visual consistency across iOS, Android, and web.

When do I need an optimizing compiler for React Native styling?▼

You need an optimizing compiler for React Native styling when performance is critical and you want to extract styles at build time. This reduces runtime overhead and improves rendering speed for complex cross-platform applications.

Related Skills

Explore More Software Engineering Skills→
expoexpo
2.4k

expo-ui

Provide universal and platform-specific UI components for Expo and React Native apps.

Official
Intermediate
heaptracetechnologyheaptracetechnology
13

mobile-ui

Build platform-adaptive mobile UI components across React Native, Flutter, and SwiftUI.

Community
Advanced
phrazzldphrazzld
13

mobile-migrate

Add an Expo React Native app to an existing web monorepo.

Community
Advanced
expoexpo
2.4k

expo-tailwind-setup

Configure Tailwind CSS v4 with NativeWind v5 in Expo applications.

Official
Intermediate