Does it support Tailwind CSS?

Yes, it includes deep integration with Tailwind v4, featuring custom brand tokens like TheGP orange, navy, and cream.

What is the gp-ui skill?

It is a specialized Claude Code capability designed to help developers build internal React applications using TheGP's official UI library and design system.

Which React primitives does it use?

The skill utilizes accessible Radix UI primitives for complex components such as Modals, Dropdowns, and Tooltips to ensure high accessibility standards.

How do I activate this skill in Claude Code?

The skill activates automatically when you mention @gp/ui, TheGP design system, or ask questions regarding internal GP-specific UI patterns.

TheGP Design System

Name: TheGP Design System
Author: thegpvc

bythegpvc

0•

设计工具

Builds and migrates React user interfaces using TheGP's internal design system and Tailwind v4 integration.

The gp-ui skill empowers developers to build, migrate, and maintain internal applications using TheGP's standardized React component library. It provides instant access to a comprehensive suite of UI elements—from basic buttons and cards to complex layouts and login pages—all pre-configured with TheGP's brand colors, typography, and Radix-based accessibility. By automating the implementation of design tokens and Tailwind v4 themes, this skill ensures visual consistency across the internal ecosystem while accelerating the development of accessible, high-performance web interfaces.