Skills
.Work. You
Rest

gluestack-ui-v4:components

Official

Enforce correct Gluestack UI v4 component usage.

Software Engineering#React Native#compound-components#component-patterns#provider-setup#gluestack-ui#enforce-patterns
Authorgluestack
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps developers implement gluestack-ui v4 components correctly by documenting and enforcing standardized usage patterns, reducing UI inconsistencies and integration errors.

Core Features & Use Cases

  • Enforces component usage rules for gluestack-ui v4 (InputIcon inside InputSlot, Button content with ButtonText, provider setup, etc.).
  • Provides practical patterns and anti-patterns for common components like Input, Button, Card, FormControl, Checkbox, Select.
  • Use cases include building cohesive screens with consistent typography, layout, and interactions across React Native and Web.

Quick Start

Follow the documented patterns to implement a complete UI using gluestack-ui v4 components. Import local components from your ui directory (e.g., Box, Text, Button) and wrap your app with GluestackUIProvider. For reference, verify each component's API against the official docs at https://v4.gluestack.io/ui/docs/components/

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: gluestack-ui-v4:components
Download link: https://github.com/gluestack/agent-skills/archive/main.zip#gluestack-ui-v4-components

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.