gesttione-design-system
CommunityDesign Gesttione-compliant UI, effortlessly.
Authormarcioaltoe
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill ensures all UI components align perfectly with Gesttione's specific brand identity, color palette, typography, and component patterns. It eliminates manual checks and inconsistencies, guaranteeing brand compliance and accessibility.
Core Features & Use Cases
- Brand-Compliant UI: Automatically applies Gesttione's exact brand colors, typography (Geist, Lora, Geist Mono), and component patterns.
- Semantic Metric Visualizations: Uses predefined metric color tokens (e.g., revenue, CMV, costs) for consistent data dashboards.
- Accessibility Assurance: Guides on WCAG AA/AAA compliant color combinations and design tokens.
- Use Case: "Design a dashboard for revenue metrics using Gesttione's brand colors and metric card components."
Quick Start
Create a revenue metric card using Gesttione brand colors and the standard metric card component.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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: gesttione-design-system Download link: https://github.com/marcioaltoe/claude-craftkit/archive/main.zip#gesttione-design-system Please download this .zip file, extract it, and install it in the .claude/skills/ directory.