Skills
.Work. You
Rest

composing-ui

Community

Craft UI Components with a Composition-Focused Mindset.

Software Engineering#ui design#component design#ui development#ui architecture#compositional ui
Authorandredezzy
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill guides the development of clean, maintainable, and efficient UI components, ensuring the best possible experience for users by enforcing compositional principles.

Core Features & Use Cases

  • Composition Enforcer: Promotes the use of compositional patterns to organize UI components, preventing bloated, "god" components.
  • Quick Reference: Provides a ruleset and reference guide to help developers make quick decisions on UI structure and functionality.
  • Rationalizations & Red Flags: Helps identify and mitigate common UI pitfalls by outlining typical rationalizations for violations and clear red flags that indicate decomposition is necessary.

Quick Start

Use the composing-ui skill to refactor any large UI component in your application into a composition of smaller parts.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 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: composing-ui
Download link: https://github.com/andredezzy/maccing/archive/main.zip#composing-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 620,000+ vetted skills library on demand.