Skills
.Work. You
Rest

tamagui

Official

Master Tamagui: tokens, themes, and components.

Software Engineering#react#cross-platform#themes#tokens#compiler#styled#tamagui
Authortamagui
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a structured guide to learn and apply Tamagui's design system across web and native apps, reducing guesswork and speeding up UI development.

Core Features & Use Cases

  • Token-driven styling: learn to use styled(), tokens, and variants to build reusable UI primitives.
  • Component usage: work with core components like Button, Dialog, Sheet, XStack/YStack, etc.
  • Theme and responsiveness: configure themes and responsive styles across platforms, with compiler optimizations.
  • Use Case: Create a cross-platform feature with consistent design tokens and behaviors.

Quick Start

  • In your Tamagui project, run a project-specific prompt generation: npx tamagui generate-prompt
  • If you want tokens for a specific project, run: npx tamagui generate-prompt to produce tamagui-prompt.md with your design tokens and theme names.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: tamagui
Download link: https://github.com/tamagui/tamagui/archive/main.zip#tamagui

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.