raphaelsalaja
- 6 skills
- 0 followers
- 1 week ago last updated
- ▌ Morphing Icons · raphaelsalaja-skillBuild 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".
- ▌ Pseudo Elements · raphaelsalaja-skillAudit 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.
- ▌ Sounds On The Web · raphaelsalaja-skillAudit UI code for audio feedback best practices. Use when reviewing sound implementation, checking audio UX decisions, or auditing accessibility. Outputs file:line findings.
- ▌ Generating Sounds With AI · raphaelsalaja-skillAudit 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.
- ▌ Mastering Animate Presence · raphaelsalaja-skillAudit Motion/Framer Motion code for AnimatePresence best practices. Use when reviewing exit animations, modals, or presence state. Outputs file:line findings.
- ▌ To Spring Or Not To Spring · raphaelsalaja-skillAudit 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.