Skills
.Work. You
Rest

ui-composition

Community

Principled visual design with accessibility.

Design & Creative#typography#accessibility#layout#contrast#design-system#visual-design#colour
AuthorOwl-Listener
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Visual decisions often lack grounding in design principles and accessibility, leading to inconsistent layouts, typography choices, and color usage that hinder usability.

Core Features & Use Cases

  • Establish layout systems, typography scales, color palettes, and responsive rules that align with accessibility requirements.
  • Guide spacing, contrast, and visual hierarchy to ensure usable, inclusive interfaces.
  • Integrate with design systems and documentation to standardize decisions across projects.

Quick Start

Provide a design brief or goal and the skill will generate a principled visual plan with layout, typography, and color recommendations.

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-composition
Download link: https://github.com/Owl-Listener/designpowers/archive/main.zip#ui-composition

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.