Can it generate code for React components?

Yes, it provides standardized patterns for Metric Cards and other dashboard elements using React, Tailwind CSS, and Lucide icons.

When should I use this skill over a general UI designer skill?

Use this skill specifically when working on Gesttione-branded projects that require exact color hex codes, metric tokens (like Revenue or CMV), and dashboard-specific components.

What business metrics are supported by the token system?

The system includes semantic tokens for Revenue, CMV (Cost of Merchandise), Purchases, Operational Costs, Customer counts, Average Ticket, and Profit Margin percentages.

What is the Gesttione Design System skill?

It is a specialized capability for Claude Code that provides deep knowledge of Gesttione's brand colors, typography, and metric-specific UI patterns.

Does it support accessibility standards?

Yes, it includes pre-defined WCAG AA and AAA compliant color scales for all primary brand colors to ensure accessible interface design.

Gesttione Design System

Name: Gesttione Design System
Author: marcioaltoe

bymarcioaltoe

•

Herramientas de Diseño

Implements the Gesttione brand identity and metric visualization patterns for professional business dashboards.

Acerca de

The Gesttione Design System skill transforms Claude into an expert on Gesttione's specific UI language, providing instant access to brand-compliant color palettes, semantic metric tokens, and specialized dashboard component patterns. It ensures that every UI element—from revenue metric cards to complex data visualizations—aligns perfectly with the company's visual identity, accessibility standards (WCAG AA/AAA), and design tokens. This skill is essential for developers building fintech or business intelligence interfaces that require strict adherence to Gesttione's established design language.

Características Principales

Built-in support for Gesttione typography systems including Geist and Lora
Automatic implementation of Gesttione brand color scales and CSS custom properties
7 GitHub stars
WCAG AA/AAA compliant color combinations for accessible interface design
Semantic metric token system for standardized business data visualization
Production-ready React component patterns for executive dashboard cards

Casos de Uso

Building executive business dashboards with standardized revenue and cost metrics
Applying brand-compliant styling to new UI components using Gesttione design tokens
Creating accessible data visualizations that follow Gesttione's semantic color system

Acerca de

Características Principales

Built-in support for Gesttione typography systems including Geist and Lora
Automatic implementation of Gesttione brand color scales and CSS custom properties
7 GitHub stars
WCAG AA/AAA compliant color combinations for accessible interface design
Semantic metric token system for standardized business data visualization
Production-ready React component patterns for executive dashboard cards

Casos de Uso

Building executive business dashboards with standardized revenue and cost metrics
Applying brand-compliant styling to new UI components using Gesttione design tokens
Creating accessible data visualizations that follow Gesttione's semantic color system