Skills
.Work. You
Rest

gusto-ui-skills

Community

Build Gusto-inspired interfaces.

Design & Creative#design system#ui design#light mode#inter font#4px grid#gusto
Authorihlamury
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides opinionated constraints for building interfaces that are visually consistent with Gusto's design system, ensuring a familiar and branded user experience.

Core Features & Use Cases

  • Aesthetic Consistency: Adheres to Gusto's light mode, Inter font, and 4px grid system.
  • Color Palette Enforcement: Utilizes specific semantic color tokens for backgrounds, text, and accents.
  • Typography Guidelines: Implements defined font families, sizes, weights, and text styles.
  • Spacing and Borders: Enforces a strict 4px grid for spacing and a defined scale for border-radius.
  • Use Case: When developing a new feature for Gusto's platform, use this Skill to ensure the UI elements like buttons, forms, and typography match the existing Gusto aesthetic, maintaining brand integrity and user familiarity.

Quick Start

Apply Gusto's UI design system to a new web component.

Dependency Matrix

Required Modules

None required

Components

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: gusto-ui-skills
Download link: https://github.com/ihlamury/design-skills/archive/main.zip#gusto-ui-skills

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