skill-ui-ux
CommunityExpert UI/UX design systems & implementation.
Authorclaudioborja
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Pixel-perfect, accessible UI design and implementation require cohesive design systems and tokens across frameworks; teams often struggle to scale consistent experiences from design to code.
Core Features & Use Cases
- Mobile-first, accessible design: guidelines that ensure keyboard navigability, screen reader support, and WCAG-aligned color contrast.
- Design tokens & theming: centralized color, spacing, typography, radius, and shadow tokens mapped to CSS variables.
- Framework-agnostic guidance: instructions and patterns usable across React, Vue, Svelte, Angular, and vanilla JS.
- Atomic component architecture: atoms, molecules, organisms, templates, and pages supporting scalable UI.
- Performance & accessibility governance: performance budgets and accessibility checks baked into the workflow.
Quick Start
Provide your design system brief and I will generate a starter UI component library blueprint and implementation plan.
Dependency Matrix
Required Modules
None requiredComponents
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: skill-ui-ux Download link: https://github.com/claudioborja/biblioteca/archive/main.zip#skill-ui-ux Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.