Design

UI Design System

Name: UI Design System
Rating: 5 (1376 reviews)
Author: Alireza Rezvani

byAlireza Rezvani

1.4KJan 20, 2025

View Source

Install Command

$npx skills add alirezarezvani/claude-skills

About

Visual design systems and component architecture for consistent user interfaces.

uidesign-systemcomponents

How to Use

Use /ui-design-system for design system creation. Provides component architecture, tokens, and documentation patterns.

Install the skill

Run the install command in your terminal while in your project directory.

Start Claude Code

Open Claude Code in your project. The skill will be automatically detected.

Ask Claude to use it

Claude will automatically use the skill when relevant, or you can explicitly ask for it.

Details

CategoryDesign

GitHub Stars1.4K

CreatedOct 1, 2024

UpdatedJan 20, 2025

View on GitHub

Related Skills

Theme Factory

Toolkit for styling artifacts with themes. 10 pre-set themes with colors/fonts for slides, docs, reportings, and HTML landing pages.

53.7K

Brand Guidelines

Apply Anthropic's official brand colors and typography to artifacts. Use for brand colors, style guidelines, or visual formatting.

53.7K

Frontend Design

Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.

53.7K

Back to Directory

UI Design System

Install the skill

Start Claude Code

Ask Claude to use it

Details

Theme Factory

Brand Guidelines

Frontend Design

Growth

Resources

GTM Tools

Free Tools

Get In Touch