tooyoung:blobity-cursor
CommunityDynamic cursor effects for landing pages
Authorshiqkuangsan
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill enhances user engagement on landing pages by replacing the default cursor with a dynamic, visually appealing canvas-based effect that reacts to user interaction.
Core Features & Use Cases
- Interactive Cursor: A canvas-based cursor that follows the mouse with spring physics.
- Element Interaction: Expands to wrap around focusable elements like links and buttons.
- Color Inversion: Utilizes
mix-blend-mode: differencefor a unique visual effect, especially on dark backgrounds. - Tooltip Mode: Displays custom text labels when hovering over specific elements.
- Theme Adaptation: Supports light and dark modes with configurable colors.
Quick Start
Add a canvas-based custom cursor effect to any landing page by including the provided script in your HTML.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: tooyoung:blobity-cursor Download link: https://github.com/shiqkuangsan/oh-my-daily-skills/archive/main.zip#tooyoung-blobity-cursor 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 223,000+ vetted skills library on demand.