Skills
.Work. You
Rest

frontend-ui-polish

Community

Polish UI with premium motion and clarity

Design & Creative#accessibility#frontend#animation#motion#framer-motion#design-tokens#UI polish
Authorhouke
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides premium UI polish by applying high-quality motion, transitions, and a refined visual hierarchy to components, making interfaces feel more responsive and engaging.

Core Features & Use Cases

  • High-end visual aesthetics and smooth interactions across components
  • Design-token driven styling for consistent tokens, colors, and spacing
  • Practical patterns: button hover/tap animations, page transitions, skeletons, and micro-interactions
  • Use Case: elevate a standard button into a premium control with tactile feedback and accessible motion

Quick Start

Use Framer Motion to add hover and tap interactions: import { motion } from 'framer-motion'; <motion.button whileHover={{ scale: 1.05 }} whileTap={{ scale: 0.95 }}>Click me</motion.button>

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: frontend-ui-polish
Download link: https://github.com/houke/nexus-playground/archive/main.zip#frontend-ui-polish

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.