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

0•

Design Tools

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.

Key Features

01Advanced theme engine with native dark and light mode support

02Optimizing compiler for zero-runtime CSS extraction on web

030 GitHub stars

04Comprehensive suite of 50+ themed and accessible UI components

05Cross-platform styling with 100% React Native parity

06Flexible design token system for spacing, colors, and typography

Use Cases

01Building a shared UI library for a monorepo containing both an Expo app and a Next.js website

02Implementing complex, multi-layered theme systems for universal React applications

03Migrating existing CSS-in-JS solutions to a high-performance, compiler-optimized styling system

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add guillempuche/ai-standards tamagui

For use in Claude.ai and ChatGPT

Download Skill