gluestack/gluestack-ui

gluestack-ui-v4-setup

Guide for installing gluestack-ui v4 per the official Installation doc - CLI and Manual paths only. Follow https://v4.gluestack.io/ui/docs/home/getting-started/installation strictly.

gluestack-ui-v4

Enforces constrained, opinionated styling patterns for gluestack-ui v4. Main overview skill that coordinates specialized sub-skills for setup, components, styling, variants, performance, and validation.

migrate-to-v5

Migrate a gluestack-ui project from v2, v3, or v4 to v5 (NativeWind v5 or UniWind). Covers automated CLI upgrade and manual step-by-step migration for all source versions.

contribute

Main entry point for gluestack-ui contributor tasks and workflows

create-component

Create a new React Native/Expo component with guided workflow following compound component API pattern

create-package

Create or modify gluestack-core and gluestack-utils packages for component creators and utilities

gluestack-ui-v4-components

Component usage patterns for gluestack-ui v4 - covers component selection, props vs className, compound patterns, icons, and provider setup.

gluestack-ui-v4-creating-components

Step-by-step guide for creating components with gluestack-ui v4 - covers planning, structure, styling, TypeScript, and common component patterns.

gluestack-ui-v4-performance

Performance optimization and cross-platform patterns for gluestack-ui v4 - covers native/web compatibility, TypeScript, memoization, animations, and best practices.

gluestack-ui-v4-styling

Styling patterns for gluestack-ui v4 - covers semantic tokens, spacing, dark mode, variants with tva, and className merging.

gluestack-ui-v4-validation

Validation checklist and anti-patterns for gluestack-ui v4 - use for code review, checking implementation quality, and identifying common mistakes.

gluestack-ui-v4-variants

Guide for creating custom variants for gluestack-ui v4 components - covers tva usage, extending components, variant patterns, and customization strategies.

monorepo-management

Master monorepo management with Turborepo, Nx, and pnpm workspaces to build efficient, scalable multi-package repositories with optimized builds and dependency management. Use when setting up monorepos, optimizing builds, or managing shared dependencies.

creating-reanimated-animations

Generate React Native Reanimated animation code for React Native apps. Use when user asks to create, implement, or add animations in React Native — including transitions, gestures, scroll-linked effects, layout animations, layout transitions, entering/exiting…

enhance-component

Improve or extend an existing gluestack-ui component with new features, variants, or fixes

create-docs

Create or update component documentation with examples, API reference, and best practices

review-pr

Pre-submission PR checklist for gluestack-ui contributions

test-component

Comprehensive testing of gluestack-ui components across platforms and apps