coui-hover-card
OfficialInteractive hover cards for rich content.
Authorcoco-de
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill simplifies the creation of interactive hover cards, allowing users to display rich content like tooltips or previews without cluttering the main interface.
Core Features & Use Cases
- Dynamic Content Display: Show detailed information on hover, such as user profiles or additional context.
- Configurable Delays: Control when the card appears and disappears to prevent accidental triggers.
- Cross-Platform Consistency: Works seamlessly in both Flutter and Web applications using CoUI.
- Use Case: Displaying a user's avatar, name, and title when hovering over their username in a chat application.
Quick Start
Create a hover card that shows a user's profile information when hovering over their username.
Dependency Matrix
Required Modules
None requiredComponents
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: coui-hover-card Download link: https://github.com/coco-de/skills/archive/main.zip#coui-hover-card 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.