What is the Tamagui Claude Code Skill?

It is a specialized capability that provides Claude with deep knowledge of the Tamagui UI library, helping it generate code, configure the compiler, and manage design tokens for cross-platform apps.

Does this skill support React Native and Expo?

Yes, it is specifically designed for universal apps using React Native, Expo, and web frameworks like Next.js and Vite.

Can I use this skill to implement dark mode?

Absolutely. This skill provides the implementation patterns for Tamagui’s powerful theme engine, including dark mode support and custom design tokens.

How does the optimizing compiler work in this skill?

The skill helps Claude configure Tamagui's compiler to extract styles into static CSS on the web while maintaining high-performance dynamic styles on mobile.

Tamagui Universal UI

Name: Tamagui Universal UI
Author: guillempuche

byguillempuche

디자인 도구

Simplifies cross-platform UI development by providing a high-performance styling system and component library for React and React Native.

소개

Tamagui is a comprehensive styling and component library designed for universal React applications, offering 100% style parity between web and mobile platforms. This skill equips Claude with the specialized knowledge needed to implement Tamagui's optimizing compiler, manage complex design tokens, and create responsive, themed interfaces using its powerful styled() API. It is particularly useful for developers building multi-platform applications with Expo and Next.js who want to maintain a single codebase for their design system without sacrificing runtime performance.

주요 기능

Advanced theme engine with native dark and light mode support
Optimizing compiler for zero-runtime CSS extraction on web
0 GitHub stars
Comprehensive suite of 50+ themed and accessible UI components
Cross-platform styling with 100% React Native parity
Flexible design token system for spacing, colors, and typography

사용 사례

Building a shared UI library for a monorepo containing both an Expo app and a Next.js website
Implementing complex, multi-layered theme systems for universal React applications
Migrating existing CSS-in-JS solutions to a high-performance, compiler-optimized styling system

소개

주요 기능

Advanced theme engine with native dark and light mode support
Optimizing compiler for zero-runtime CSS extraction on web
0 GitHub stars
Comprehensive suite of 50+ themed and accessible UI components
Cross-platform styling with 100% React Native parity
Flexible design token system for spacing, colors, and typography

사용 사례

Building a shared UI library for a monorepo containing both an Expo app and a Next.js website
Implementing complex, multi-layered theme systems for universal React applications
Migrating existing CSS-in-JS solutions to a high-performance, compiler-optimized styling system