raphaelsalaja/skill

7632

12-principles-of-animation Audit animation code against Disney's 12 principles adapted for web. Use when reviewing motion, implementing animatio…

raphaelsalaja/skill

2.1K

2

morphing-icons Build icon components where any icon morphs into any other through SVG line transformation. Use when asked to "create…

raphaelsalaja/skill

303

3

mastering-animate-presence Audit Motion/Framer Motion code for AnimatePresence best practices. Use when reviewing exit animations, modals, or pr…

raphaelsalaja/skill

261

4

to-spring-or-not-to-spring Audit animation code for correct timing function selection. Use when reviewing motion implementations, debugging anim…

raphaelsalaja/skill

211

5

pseudo-elements Audit CSS for pseudo-element best practices and View Transitions API usage. Use when reviewing hover effects, decorat…

raphaelsalaja/skill

199

6

sounds-on-the-web Audit UI code for audio feedback best practices. Use when reviewing sound implementation, checking audio UX decisions…

raphaelsalaja/skill

168

7

generating-sounds-with-ai Audit Web Audio API code for sound synthesis best practices. Use when reviewing procedural audio, implementing UI sou…

raphaelsalaja/skill

154