The macOS Liquid Glass aesthetic: cool grey-white ground, unified panels with hairline dividers, glass only on nav/overlays, grayscale body with a single blue accent.
微交互
CommunityDesign
Design restrained hover and transition motion for buttons/cards/overlays: consistent duration and easing (120ms tactile, 240ms layer), honoring reduced-motion.
#motion#hover#transition
What it can do
- Add lightweight hover feedback to buttons without stealing focus
- Set consistent duration and easing for cards and overlays
- Separate tactile (120ms) from layer (240ms) motion
- Respect reduced-motion preferences and disable animation
Related skills
Apple DesignCommunity
#apple#liquid-glass#ui
claude plugin add naplesblue/apple-design-skillView source
Frontend DesignOfficial
Anthropic's official plugin: forces an aesthetic direction before coding, avoiding AI clichés (Inter font + purple gradients) and enforcing a unified color system.
#anthropic#frontend#aesthetic
claude plugin add anthropic/frontend-designView source
UI/UX Pro MaxCommunity
Popular community skill (62k★): 240+ styles, 127 font pairings, 99 UX guidelines, auto-matched to product type.
#ui#ux#styles
plugin marketplace 安装View source
Theme FactoryOfficial
Theme application from the official skills set: turns brand colors / design systems into CSS variables.
#theme#brand#tokens
plugin marketplace add anthropics/skillsView source
Canvas DesignOfficial
Official skill: layout-focused visual design with PNG / PDF export.
#layout#visual#export
plugin marketplace add anthropics/skillsView source
Power DesignCommunity
Community skill: 20 digital-design rules (usability, WCAG, readability thresholds) auto-applied to pages.
#rules#wcag#typography
.claude/skillsView source