Skills
.Work. You
Rest

design-ui

Community

Set visual direction and UI design system.

Design & Creative#typography#design#ui#layout#aesthetics#color-palette#visual-system
Authormblode
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill helps teams establish a cohesive visual direction and a reusable UI system for web interfaces, ensuring brand consistency and faster product development.

Core Features & Use Cases

  • Define product UI direction, typography, color systems, spacing, and component patterns.
  • Provide reference guidance for product UI, marketing UI, and accessibility considerations.
  • Serve as a starting point for new UI design systems or design audits.

Quick Start

Describe your project context and brand goals to generate an actionable visual direction and UI system.

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

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