Skills
.Work. You
Rest

ui-design-guideline

Community

Generate project UI design guidelines.

Design & Creative#typography#tokens#ui-design#design-system#style-guide#design-guidelines#color-system
Authortitabash
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Teams struggle to maintain UI design consistency across projects and platforms, leading to fragmented visuals and inconsistent user experiences.

Core Features & Use Cases

  • Generates a project-specific UI design guideline as a Claude Code Skill and registers it to .claude/skills/design-guideline/.
  • Produces a structured set of reference files (colors.md, typography.md, spacing.md, components.md, tokens.json) that codify design decisions for easy reuse.
  • Enables scalable design systems by centralizing colors, typography, spacing, and components with a clear output that existing teams can adopt.

Quick Start

Provide project details to generate a ready-to-use Claude Code Skill containing UI design guidelines and references, placed under .claude/skills/design-guideline/.

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: ui-design-guideline
Download link: https://github.com/titabash/claude-plugins/archive/main.zip#ui-design-guideline

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.