gluestack-ui-v4:setup

Install and configure gluestack-ui v4 in Next.js or Expo projects.

Updated Jan 18, 2026
One-click install
npx skills add https://github.com/jia-wei-00/expense-tracker --skill gluestack-ui-v4-setup-jia-wei-00
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: gluestack-ui-v4:setup
Source: https://github.com/jia-wei-00/expense-tracker/tree/main/.agents/skills/gluestack-ui-v4/setup
Command: npx skills add https://github.com/jia-wei-00/expense-tracker --skill gluestack-ui-v4-setup-jia-wei-00

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This guide helps developers install and configure Gluestack UI v4 in their Next.js or Expo projects, ensuring alignment with the official installation docs.

Core Features & Use Cases

  • CLI installation: Initialize a project and add core Gluestack UI components using the CLI.
  • Manual installation: Follow the official Manual steps to install dependencies, configure the provider, and integrate UI components.
  • Guardrails: Enforce v4-only packages and prevent usage of v1/v2/v3 resources.

Quick Start

Install Gluestack UI v4 in your project by selecting the CLI flow and following the official docs to run the recommended init command.

Frequently Asked Questions about gluestack-ui-v4:setup

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I install gluestack-ui v4 in an Expo project?

You can install gluestack-ui v4 in an Expo project by selecting the CLI initialization flow or manually installing dependencies and configuring the provider according to the official installation documentation.

Can I use gluestack-ui v1 or v2 resources with a v4 setup?

No, the gluestack-ui v4 setup enforces v4-specific packages and provides guardrails to prevent the usage of v1, v2, or v3 resources, ensuring correct provider setup and component integration.

Does gluestack-ui v4 support Next.js projects?

Yes, gluestack-ui v4 configuration applies to both Next.js and Expo projects, allowing you to initialize the UI library and integrate components using either the CLI or manual installation paths.

What is the best way to configure gluestack-ui manually in React Native?

The best way to manually configure gluestack-ui in React Native is to follow the official manual installation steps to install dependencies, set up the provider correctly, and integrate the UI components into your project.

Why does my gluestack-ui CLI setup fail to configure the provider correctly?

Provider setup failures often occur if older v1, v2, or v3 packages are used instead of the required v4-specific packages; following the official installation guardrails ensures correct configuration.