raphaelsalaja/userinterface-wiki
- skills.sh installs
- 5.9K
- skills
- 8
Install
$ npx -y skills add raphaelsalaja/userinterface-wiki --agent claude-codeInstalls into .claude/skills of the current project.
Skills
1
userinterface-wikiraphaelsalaja/userinterface-wikiUI/UX best practices for web interfaces. Use when reviewing animations, CSS, audio, typography, UX patterns, prefetching, or icon implementations. Covers 11 cat4.7Kskills.sh installs
userinterface-wikiraphaelsalaja/userinterface-wikiUI/UX best practices for web interfaces. Use when reviewing animations, CSS, audio, typography, UX patterns, prefetching, or icon implementations. Covers 11 cat4.7Kskills.sh installs212-principles-of-animationraphaelsalaja/userinterface-wikiAudit animation code against Disney's 12 principles adapted for web. Use when reviewing motion, implementing animations, or checking animation quality. Outputs 275skills.sh installs
12-principles-of-animationraphaelsalaja/userinterface-wikiAudit animation code against Disney's 12 principles adapted for web. Use when reviewing motion, implementing animations, or checking animation quality. Outputs 275skills.sh installs3generating-sounds-with-airaphaelsalaja/userinterface-wikiAudit Web Audio API code for sound synthesis best practices. Use when reviewing procedural audio, implementing UI sounds, or checking audio parameter quality. O177skills.sh installs
generating-sounds-with-airaphaelsalaja/userinterface-wikiAudit Web Audio API code for sound synthesis best practices. Use when reviewing procedural audio, implementing UI sounds, or checking audio parameter quality. O177skills.sh installs4sounds-on-the-webraphaelsalaja/userinterface-wikiAudit UI code for audio feedback best practices. Use when reviewing sound implementation, checking audio UX decisions, or auditing accessibility. Outputs file:l153skills.sh installs
sounds-on-the-webraphaelsalaja/userinterface-wikiAudit UI code for audio feedback best practices. Use when reviewing sound implementation, checking audio UX decisions, or auditing accessibility. Outputs file:l153skills.sh installs5to-spring-or-not-to-springraphaelsalaja/userinterface-wikiAudit animation code for correct timing function selection. Use when reviewing motion implementations, debugging animations that feel wrong, or choosing between152skills.sh installs
to-spring-or-not-to-springraphaelsalaja/userinterface-wikiAudit animation code for correct timing function selection. Use when reviewing motion implementations, debugging animations that feel wrong, or choosing between152skills.sh installs6mastering-animate-presenceraphaelsalaja/userinterface-wikiAudit Motion/Framer Motion code for AnimatePresence best practices. Use when reviewing exit animations, modals, or presence state. Outputs file:line findings.147skills.sh installs
mastering-animate-presenceraphaelsalaja/userinterface-wikiAudit Motion/Framer Motion code for AnimatePresence best practices. Use when reviewing exit animations, modals, or presence state. Outputs file:line findings.147skills.sh installs7pseudo-elementsraphaelsalaja/userinterface-wikiAudit CSS for pseudo-element best practices and View Transitions API usage. Use when reviewing hover effects, decorative layers, or page transitions. Outputs fi139skills.sh installs
pseudo-elementsraphaelsalaja/userinterface-wikiAudit CSS for pseudo-element best practices and View Transitions API usage. Use when reviewing hover effects, decorative layers, or page transitions. Outputs fi139skills.sh installs8morphing-iconsraphaelsalaja/userinterface-wikiBuild icon components where any icon morphs into any other through SVG line transformation. Use when asked to "create morphing icons", "build icon transitions",120skills.sh installs
morphing-iconsraphaelsalaja/userinterface-wikiBuild icon components where any icon morphs into any other through SVG line transformation. Use when asked to "create morphing icons", "build icon transitions",120skills.sh installs