Skills
.Work. You
Rest

visual-direction

Community

Define and evolve your web visual direction.

Design & Creative#typography#branding#layout#web-design#color-palette#design-guidelines#visual-direction
Authorflitzrrr
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Aligns project visuals with a consistent, up-to-date visual direction.

Core Features & Use Cases

  • Define color palettes, typography pairings, and layout rhythms to establish a cohesive visual language across projects.
  • Update guidelines periodically to reflect current design trends and references.
  • Apply branding-friendly rules to ensure accessibility, consistency, and scalable UI systems.

Quick Start

Review the current project visuals and apply the recommended color palettes, typography pairings, and layout rhythms.

Dependency Matrix

Required Modules

None required

Components

references

💻 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-direction
Download link: https://github.com/flitzrrr/frontend-design-skills/archive/main.zip#visual-direction

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.