Stats
Actions
Tags
From ai-standards
Universal React + React Native UI library with optimizing compiler. Use when building cross-platform apps with shared styling, design tokens, themes, and accessible components.
How this skill is triggered — by the user, by Claude, or both
Slash command
/ai-standards:tamaguiThis skill is limited to the following tools:
The summary Claude sees in its skill listing — used to decide when to auto-load this skill
Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.
Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.
Source code is available locally and on GitHub. Check local first, fall back to GitHub if not available.
| Local path | GitHub |
|---|---|
opensrc/repos/github.com/tamagui/tamagui/ | https://github.com/tamagui/tamagui |
Core concepts for understanding and using Tamagui's styling system.
| Topic | Description | URL |
|---|---|---|
| Introduction | Overview and key concepts | docs |
| Installation | Getting started and setup | docs |
| Configuration | createTamagui and config options | docs |
| Themes | Dark/light modes and custom themes | docs |
| Tokens | Design tokens for spacing, colors, fonts | docs |
| styled() | Create styled components with variants | docs |
| Animations | Animation drivers and configuration | docs |
| Compiler | Optimizing compiler setup | docs |
| UI Components | Pre-built component library overview | docs |
Direct links to implementation code in the monorepo.
| Area | Description | Path |
|---|---|---|
| Repository | Main monorepo with all packages | opensrc/repos/github.com/tamagui/tamagui |
| UI Components | 50+ themed, accessible components | opensrc/repos/github.com/tamagui/tamagui/code/ui |
| Core Packages | Styling engine, themes, hooks, fonts | opensrc/repos/github.com/tamagui/tamagui/code/core |
| Compiler Plugins | Bundler plugins for style extraction | opensrc/repos/github.com/tamagui/tamagui/code/compiler |
Setup instructions for integrating Tamagui with specific frameworks and bundlers.
| Framework | Description | Docs |
|---|---|---|
| Expo | React Native with Expo managed workflow | docs |
| Next.js | Server-side rendering and App Router | docs |
| Vite | Fast web development with HMR | docs |
| Metro | React Native bundler configuration | docs |
Detailed reference files with component and API documentation.
references/components.md - UI component library with docs and source linksreferences/core.md - Core packages, configuration APIs, and hooksreferences/compiler.md - Bundler plugins and optimization setupnpx claudepluginhub guillempuche/ai-standards --plugin ai-standardsProvides dark-themed React UI components using Tailwind CSS and Framer Motion for dashboards, admin panels, and data-rich apps.
Integrates Tambo into existing React/Next.js/Vite apps: detects tech stack, installs @tambo-ai/react and Zod, wires TamboProvider, registers components with Zod schemas, adds chat UI.
Customizes gluestack-ui themes and design tokens including theme provider setup, dark mode support, NativeWind integration, and theme extensions for React and React Native UIs.