Skills
.Work. You
Rest

groundx-web-ui

Community

Align GroundX UI in React/MUI/TS front-ends.

Software Engineering#ui#react#components#tokens#mui#design-system#groundx
Authoreyelevelai
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Front-end teams often drift from GroundX's brand when building dashboards, forms, and UI components in React/MUI/TypeScript. This skill provides canonical, brand-aligned primitives and patterns to keep interfaces consistent with GroundX's standards.

Core Features & Use Cases

  • Translates brand invariants into reusable tokens and wrappers (GxCard, GxPill, GxSectionHeader, GxButtonGroup, GxUsageCard) and integrates with CommonSubmitButton / CommonCancelButton for consistent interactions.
  • Enables building page layouts, components, and forms that match the GroundX dashboard across React apps and design system boundaries.
  • Supplies a token-driven foundation via constants.ts / constants.generated.ts and groundx-design-standards to ensure a single source of truth for color, typography, and spacing.

Quick Start

Install and start building GroundX UI pages using the Gx* components and CommonSubmitButton to mirror the dashboard.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: groundx-web-ui
Download link: https://github.com/eyelevelai/groundx-skills/archive/main.zip#groundx-web-ui

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 471,000+ vetted skills library on demand.