/web--ui-components-pro

/web--ui-components-pro is a Claude Code skill in the Web & Design section. Builds typed UI components with animation, loading, error and empty states, theming and built-in accessibility for your project.

Author's description

Build elite UI components with animations, compound patterns, and zero AI-looking aesthetics

How to ask for it

/web--ui-components-pro build an animated, accessible accordion component
/web--ui-components-pro create a date picker using a compound component pattern
/web--ui-components-pro design a modal that doesn't look AI-generated

Install

curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash

After installing with the script, type /web--ui-components-pro. Using Cursor, Windsurf or Codex? Platform guides

Demo coming soon

/accessibility--a11y-auditAccessibility audit (WCAG 2.1)
Reads a component or page and lists WCAG 2.1 accessibility issues, each with severity, the criterion it breaks, its code location and a code fix.
Built here
/accessibility--a11y-fixFixing UI accessibility issues
Fixes accessibility problems in a component or page: semantic HTML, keyboard support, ARIA attributes and form labels, keeping the visual design.
Built here
/animateBuilding an animation from scratch
Decides whether something should animate at all and, if so, writes the animation with the right curve, duration and properties, reduced-motion support included.
By emilkowalski
/animate-expoExpo and React Native animations
Writes animations for Expo and React Native apps with Reanimated and Gesture Handler: gestures, sheets, screen transitions, press feedback and haptics.
By emilkowalski
/animation-vocabularyNaming a motion effect
Turns a vague description of a web animation effect into its exact term, so you know what to ask an AI or a designer for.
By emilkowalski
/apple-designApple-style fluid web interfaces
Applies Apple's interface design principles to the web: gestures, spring animations, interruptible transitions, translucent materials and typography.
By emilkowalski

How to ask for it

Install

More from this section