interface-polish
OfficialRefine your interface with precise micro-details.
AuthorGekkos-tech
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the final touches on an interface that's functionally done but needs refinement. It applies CSS/JS rules for interactive states, transitions, animations, and typography to elevate the user experience.
Core Features & Use Cases
- Interactive States: Adds distinct hover, active, and focus states to interactive elements.
- Transitions & Animations: Applies CSS rules for smooth transitions and animations.
- Typography Details: Improves typography by adjusting tracking, line heights, and text wrapping.
- Image Treatment: Enhances images with subtle effects like inset shadows and outlines.
- Use Case: If your UI is working but feels unfinished, this Skill can add micro-interactions and fine details to improve user satisfaction.
Quick Start
Use the interface-polish skill to apply all micro-interactions and design enhancements to the current UI.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferencesassets
💻 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: interface-polish Download link: https://github.com/Gekkos-tech/agency-os/archive/main.zip#interface-polish Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.