Skills
.Work. You
Rest

gluestack-ui-v4:components

Community

Master Gluestack UI v4 component patterns.

Software Engineering#ui#documentation#react-native#typing#design-systems#component-patterns#gluestack
Authorbogajoss
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Provides clear, field-tested patterns for using Gluestack UI v4 components to ensure consistent UI composition, correct sub-component usage, and reliable theming.

Core Features & Use Cases

  • Enforces the correct component hierarchy (Input with InputSlot containing InputIcon, Button with ButtonText, etc.)
  • Guides prop-first usage over className utilities to maintain type safety and design system consistency
  • Documents compound components patterns for Input, Button, Card, FormControl, Checkbox, and Select
  • Recommends semantic token usage and provider setup to ensure accessible theming across the app
  • Useful for teams migrating to Gluestack UI v4 or building new screens with best practices

Quick Start

Review the patterns and implement Gluestack UI v4 components in your project according to the guidelines.

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/bogajoss/native_threads/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 223,000+ vetted skills library on demand.