raphaelsalaja/skill

A skill file based on the articles written on userinterface.wiki. Designed for designers and engineers to help them build better user interfaces.

35Stars on the repository
7Mods indexed here, across every type
5mo agoLast push, which is what freshness is scored on
noneNo LICENSE: all rights reserved, so bodies are not copied

raphaelsalaja/skill

Skill Claude CodeCodex

Audit animation code against Disney's 12 principles adapted for web. Use when reviewing motion, implementing animations, or checking animation quality. Outputs file:line findings.

35 5mo ago A 39 tokens

raphaelsalaja/skill

Skill Claude CodeCodex

Audit Web Audio API code for sound synthesis best practices. Use when reviewing procedural audio, implementing UI sounds, or checking audio parameter quality. Outputs file:line findings.

35 5mo ago A 40 tokens

raphaelsalaja/skill

Skill Claude CodeCodex

Audit Motion/Framer Motion code for AnimatePresence best practices. Use when reviewing exit animations, modals, or presence state. Outputs file:line findings.

35 5mo ago A 39 tokens

morphing-icons

04

raphaelsalaja/skill

Skill Claude CodeCodex

Build icon components where any icon morphs into any other through SVG line transformation. Use when asked to "create morphing icons", "build icon transitions", "animate between icons", or "transform icons".

35 5mo ago A 46 tokens

pseudo-elements

05

raphaelsalaja/skill

Skill Claude CodeCodex

Audit CSS for pseudo-element best practices and View Transitions API usage. Use when reviewing hover effects, decorative layers, or page transitions. Outputs file:line findings.

35 5mo ago A 36 tokens

sounds-on-the-web

06

raphaelsalaja/skill

Skill Claude CodeCodex

Audit UI code for audio feedback best practices. Use when reviewing sound implementation, checking audio UX decisions, or auditing accessibility. Outputs file:line findings.

35 5mo ago A 35 tokens

raphaelsalaja/skill

Skill Claude CodeCodex

Audit animation code for correct timing function selection. Use when reviewing motion implementations, debugging animations that feel wrong, or choosing between springs and easing. Outputs file:line findings.

35 5mo ago A 43 tokens