Skills
.Work. You
Rest

Visual Designer

Community

Create stunning, consistent designs with professional visual systems.

Design & Creative#typography#design#layout#color#spacing#visual hierarchy
Authordaffy0208
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill eliminates the guesswork and inconsistency in visual design by providing systematic approaches to color, typography, spacing, and layout.

Core Features & Use Cases

  • Color Systems: Create harmonious, accessible color palettes using the 60-30-10 rule and WCAG contrast standards.
  • Typography Systems: Establish readable, hierarchical typography with proper font pairing and type scales.
  • Use Case: Imagine you're building a new web application. Use this Skill to create a complete design system with brand colors, font hierarchy, and consistent spacing.

Quick Start

Use the visual designer skill to create a color palette with primary, secondary, and accent colors following the 60-30-10 rule.

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: Visual Designer
Download link: https://github.com/daffy0208/ai-dev-standards/archive/main.zip#visual-designer

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.