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.

Install to Claude Code

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