nextjs
Skills for Next.js developers covering bundle size reduction, Cache Components and Partial Prefetching adoption, and verifying runtime behavior in a running app after code edits.
6 skills143k
@vercelFrontend
Plugin
tamagui
Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.
Plugin Signal65/100Solid
maintained100
capable41
documented22
adopted88
Claude Code
$ npx -y skills add tamagui/tamagui --agent claude-code
Codex
$ npx skills add tamagui/tamagui -a codex
Cursor
$ npx skills add tamagui/tamagui -a cursor
Gemini CLI
$ npx skills add tamagui/tamagui -a gemini-cli
GitHub Copilot
$ npx skills add tamagui/tamagui -a github-copilot
OpenCode
$ npx skills add tamagui/tamagui -a opencode
Windsurf
$ npx skills add tamagui/tamagui -a windsurf
Stats
14,306
Stars
630
Forks
Active
Maintenance
TypeScript
Language
MIT
License
Last commit
Created
What's inside
6 Skills
/git-safetyGit safety rules. INVOKE WHEN: git push, force push, git reset, git clean, destructive git, push force, reset hard. NEVER force push or do destructive git operations./release-safetyRelease safety rules. INVOKE WHEN: yarn release, npm publish, release canary, release packages, publishing, skip checks, skip tests. NEVER skip checks or tests without explicit permission./tamagui-theme-generatorGenerate custom Tamagui themes, color palettes, and preview URLs. Use when creating or refining a color scheme, authoring light/dark palettes with brand accents, or previewing generated themes in the browser./tamagui-upgrade-v3Migrate an app from Tamagui v2 (or v1) to v3. Use when upgrading Tamagui versions, removing `$` token prefixes, converting `hoverStyle`/`pressStyle`/media/theme/platform condition objects to flat values, running the flat-values codemod, or fixing v3 breaking changes. Triggers:/tamagui-v6-configTamagui v6 theme system: the light/dark/accent/brand/inverse/level/active theme family, the background-active one-off key, and recipe-tree authoring with createV6Config. Use when choosing a theme for a surface, building a selected/emphasis state, or authoring a custom v6 colors/tamaguiUniversal React UI framework for web and native with flat conditional values. Use when building cross-platform apps with Tamagui, writing styled components, or applying tokens, themes, animations, and media queries.
Links
README
@tamagui/core- Universal style library for React.@tamagui/static- Optimizing compiler that works withcoreandtamagui.tamagui- UI kit that adapts to every platform.
See tamagui.dev for documentation.
Tamagui lets you share more code between web and native apps without sacrificing the two things that typically suffer when you do: performance and code quality.
It does this with an optimizing compiler that outputs platform-specific optimizations - it turns styled components, even with complex logic or cross-module imports, into a simple div alongside atomic CSS on the web, or a View with its style objects hoisted on native.
The entirety of Tamagui works at compile time and runtime, and can be set up gradually, with initial usage as simple as importing it and using the base views and styled function.
We recommend checking out the starters with npm create tamagui@latest, they range from a simple learning example to a production-ready monorepo.
The compiler optimizes most and ultimately flattens a majority of styled components. In the ~500px² responsive browser section of the Tamagui website, 49 of the 55 or so inline styled components are flattened to a div. The homepage gains nearly 15% on Lighthouse with the compiler on.
Contributing
To contribute to Tamagui reference the contributing guide.
To contribute to documentation, see the docs source in code/tamagui.dev/data/docs/.
Stars on GitHub
Momentum
- stars in total
- 14.3k
File tree
Similar plugins.
@vercelui
Helps you add, find, fix, style and compose shadcn UI components in your React project, with component docs and usage examples. It can also move a project from Radix UI primitives to Base UI.
2 skills127k
@shadcn-uielectron
electron: Build cross-platform desktop apps with JavaScript, HTML, and CSS.
5 skills124k
@electronleonxlnx-taste-skill
Gives coding agents a design direction, reference images and a browser check, so the websites and app screens they build look deliberate instead of like a generic template page.
1 skill107k
@leonxlnxQuestions about tamagui.
Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler. Install it with the command on its page. It includes git-safety, release-safety, tamagui-theme-generator. Its skills do not fire on their own yet. Free and open source.
- What is tamagui?
- Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.
- How do I install tamagui?
- Run these in Claude Code: npx -y skills add tamagui/tamagui --agent claude-code. Then prompt normally.
- Does tamagui auto-invoke its skills?
- Not yet. It is indexed on Flowy as a plain plugin.
- Is tamagui free?
- Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.
- Which coding agents can use tamagui's skills?
- tamagui installs in Claude Code, and its skills also install in Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI. Each skill's page has the install command. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.
Is this plugin yours?
Claim it with GitHubSubmit a pluginPromote it