raphaelsalaja/userinterface-wiki

This skill analyzes animation code to guide spring vs easing choices and reports findings as file:line notes.

This skill analyzes TypeScript animation code against Disney's 12 web principles, reporting file:line findings to improve motion quality.

This skill helps you design morphing icons by transforming three-line SVGs between states, enabling smooth, scalable icon transitions.

This skill helps reviewers audit audio feedback in UI for accessibility and UX, outputting file:line findings to guide improvements.

This skill audits AnimatePresence usage in TypeScript projects, delivering file:line findings and actionable improvements for exit animations and presence

This skill helps review CSS pseudo-element usage and View Transitions API to ensure accessible hover effects, decorative layers, and smooth page transitions.

This skill audits Web Audio API code for sound synthesis best practices, helping you improve audio quality and reliability across projects.

Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.