What styling variants are supported by this skill?

It supports NativeWind (Tailwind CSS for React Native), Themed (token-based design systems), and Unstyled (base components for custom styling).

Can I use these tools for React Native projects?

Yes, gluestack-ui is optimized for React Native and Web, and this skill helps you retrieve the specific code needed for cross-platform development.

Do I need a GitHub token to use this skill?

While it works by default, setting a GITHUB_TOKEN is recommended to increase API rate limits when fetching components directly from the official repository.

How does this help with component implementation?

It provides the 'get_component_demo' and 'get_component_metadata' tools, which show you exactly how to compose components and what props are required.

gluestack-ui MCP Tools

Name: gluestack-ui MCP Tools
Author: TheBushidoCollective

byTheBushidoCollective

•

Design Tools

Provides direct access to the gluestack-ui component library for discovering, exploring, and retrieving source code via MCP tools.

The gluestack-ui MCP Tools skill enables seamless integration of the gluestack-ui ecosystem into your development workflow. It allows Claude to programmatically browse over 70 components, compare styling variants such as NativeWind and Themed, and retrieve production-ready source code directly. By providing access to Storybook demos and detailed TypeScript metadata, this skill ensures that developers can implement high-quality UI components with complete understanding of their props, dependencies, and composition patterns.

Key Features

0195 GitHub stars

02Analyze TypeScript prop types and peer dependencies

03Discover 70+ gluestack-ui components with descriptions

04Access Storybook demos for real-world usage patterns

05Navigate the gluestack-ui monorepo structure programmatically

06Retrieve source code for NativeWind, Themed, and Unstyled variants

Use Cases

01Comparing and selecting between NativeWind or Themed styling implementations

02Scaffolding project UI by pulling specific component source code into local directories

03Understanding complex component APIs through automated metadata and demo retrieval

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add thebushidocollective/han gluestack-mcp-tools

For use in Claude.ai and ChatGPT

Download Skill