Skills
.Work. You
Rest

optical-refinement

Community

Make designs visually balanced and legible.

Design & Creative#typography#alignment#optical refinement#kerning#visual balance#color weight
Authorvinzenz
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Optical refinement addresses the gap between mathematical precision and human visual perception, ensuring typography, spacing, color, and UI elements feel balanced to real viewers.

Core Features & Use Cases

  • Typography balance: Addresses kerning, letterspacing, and rhythm for legibility and harmony.
  • Spatial harmony: Checks vertical rhythm, alignment, and edge centering in layouts.
  • Color and component weight: Adjusts perceived weight and contrast to reinforce hierarchy.
  • Use Case: A designer reviews an app screen and a marketing page, identifies misalignments, and issues a prioritized list of optical fixes.

Quick Start

Provide an optical critique on a sample design: run the skill to evaluate typography, spacing, color, and button consistency and output a prioritized set of fixes.

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: optical-refinement
Download link: https://github.com/vinzenz/jules-agentic-software-builder-for-claude/archive/main.zip#optical-refinement

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.