geist-design

Official

Ensure Geist Design System compliance in UI code reviews

Authorbaan-press
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill simplifies the process of ensuring that UI code complies with the Geist Design System (Vercel), providing an efficient way to maintain consistency and adhere to design standards.

Core Features & Use Cases

  • Geist Design System Compliance: Automates the checking of UI code for compliance with Vercel's Geist Design System.
  • File-based Reviews: Allows you to check any number of files or patterns against Geist rules.
  • Guideline Integration: Fetches and uses the latest Geist guidelines to review the code.
  • Quick Output: Outputs findings in a format that includes the file, line, and suggested fix, enabling rapid identification and correction of non-compliant elements.

Quick Start

Run the geist-design skill on your code with the command 'geist-design <file-or-pattern>'.

Dependency Matrix

Required Modules

None required

Components

scripts

💻 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: geist-design
Download link: https://github.com/baan-press/baan/archive/main.zip#geist-design

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