From tamagui
Universal React + React Native UI library with optimizing compiler. Use when building cross-platform apps with shared styling, design tokens, themes, and accessible components.
npx claudepluginhub guillempuche/ai-skill-tamagui --plugin tamaguiThis skill is limited to using the following tools:
Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.
Guides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.
Guides building MCP servers enabling LLMs to interact with external services via tools. Covers best practices, TypeScript/Node (MCP SDK), Python (FastMCP).
Generates original PNG/PDF visual art via design philosophy manifestos for posters, graphics, and static designs on user request.
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 setup