card-resize
OfficialSmoothly resize elements with a transition effect.
Author8starlabs
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides a smooth resizing effect for elements, enhancing the user experience when layout states change.
Core Features & Use Cases
- CSS-based Resize: Adjust the width or height of any element using pure CSS, without additional JavaScript.
- Custom Transition: Control the duration and easing function for the resize transition.
- Responsive Design: Ideal for mobile-first UIs that require dynamic resizing.
Quick Start
To resize the width of the element with the class .t-resize, change its width from 100px to 200px.
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: card-resize Download link: https://github.com/8starlabs/ui/archive/main.zip#card-resize 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.