Gluestack Ui V4

Enforces opinionated styling patterns for gluestack-ui v4 through a coordinated set of sub-skills covering setup, components, styling, variants, performance, and validation. The main constraint here is semantic tokens only: no generic tokens like `typography-*` or numbered colors like `red-500`, just semantic ones like `text-foreground` and `bg-primary`. It pushes you toward component props over className utilities, follows the copy-paste philosophy where components live in your codebase, and requires compound patterns like wrapping InputIcon in InputSlot. Useful if you want to avoid decision fatigue and keep your gluestack implementation consistent, though the rigid token rules might feel restrictive if you're used to more flexible styling approaches.

skills.sh installs: 795
GitHub stars: 1
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add gluestack/agent-skills --skill gluestack-ui-v4 --agent claude-code

Installs into .claude/skills of the current project.

Files

Gluestack UI v4 Design Patterns

This skill enforces constrained, opinionated styling patterns for gluestack-ui v4 that reduce decision fatigue, improve performance, enable consistent theming, and limit the solution space to canonical patterns.