skills.rest
gluestack
gluestackOFFICIAL
Explore all skills by this author →
Website𝕏@gluestackGitHub

gluestack-ui-v4:setup

Install gluestack-ui v4 via CLI or manual setup for Next.js and Expo projects.

1|Updated Jan 30, 2026
Search Tags:#Next.js#CLI#Expo#setup#installation#gluestack-ui#Manual
One-click install
npx skills add https://github.com/gluestack/agent-skills --skill gluestack-ui-v4-setup
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: gluestack-ui-v4:setup
Source: https://github.com/gluestack/agent-skills/tree/main/.agents/skills/gluestack-ui-v4/setup
Command: npx skills add https://github.com/gluestack/agent-skills --skill gluestack-ui-v4-setup

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill guides teams to install gluestack-ui v4, ensuring a consistent setup process for new and existing projects.

Core Features & Use Cases

  • CLI-based initialization with npx gluestack-ui@alpha init -y to add GluestackUIProvider and essential components.
  • Manual installation guided by the official v4 docs, including prerequisites and package selections.
  • Clear guidance to avoid v1/v2/v3 packages and to use v4-specific packages and docs.

Quick Start

Choose either the CLI or Manual path from the v4 installation guide. CLI: From your project root, run npx gluestack-ui@alpha init -y to initialize GluestackUIProvider and core components; then add components with npx gluestack-ui@alpha add box or add --all -y. Manual: Follow the official Manual tab instructions on the v4 installation page to complete the setup without the CLI.

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 a Next.js or Expo project?▼

You can install gluestack-ui v4 either via CLI by running npx gluestack-ui@alpha init -y or manually by following the official v4 installation docs to configure the provider and packages for Next.js or Expo.

What is the difference between CLI and manual setup for gluestack-ui v4?▼

The CLI setup automatically initializes the GluestackUIProvider and core components using npx gluestack-ui@alpha init -y, while the manual setup requires you to follow the v4 installation page instructions to select and configure packages without the CLI tool.

Can I use older gluestack-ui packages when setting up v4?▼

No, when setting up gluestack-ui v4, you must use only v4-specific packages and documentation, explicitly avoiding any references to or packages from v1, v2, or v3 to ensure a consistent and correct installation.

How do I add individual components after initializing gluestack-ui v4?▼

After initializing gluestack-ui v4 via CLI, you can add individual components by running npx gluestack-ui@alpha add box, or add all available components at once using npx gluestack-ui@alpha add --all -y in your project root.

Does gluestack-ui v4 setup support existing projects or only new ones?▼

The gluestack-ui v4 setup supports both new and existing projects, providing a consistent installation process for initializing the GluestackUIProvider and adding components regardless of your project's current state.

Why should I use the CLI path for gluestack-ui v4 installation instead of manual?▼

Using the CLI path for gluestack-ui v4 installation automates the initialization of the GluestackUIProvider and core components, reducing manual configuration errors and speeding up the setup process compared to following manual documentation steps.

Related Skills

Explore More Software Engineering Skills→
takapomtakapom

expo-install

Install Expo-compatible packages and configure app.json for React Native projects.

Community
Intermediate
softwarebyzesoftwarebyze

Expo UI Jetpack Compose

Build Jetpack Compose-based Android UI screens in Expo React Native apps.

Community
Basic
gil00pitagil00pita

styled-components

Style React components with CSS-in-JS using styled-components.

Community
Advanced
xiaobuliukunxiaobuliukun

gluestack-ui-v4:setup

Install gluestack-ui v4 in Next.js or Expo projects via CLI or manual steps.

Community
Basic