Skills
.Work. You
Rest

shadcn_ui-tooltip

Official

Add tooltips to Flutter shadcn_ui.

Software Engineering#user experience#ui components#flutter#tooltip#hover effects#shadcn_ui
Authorserverpod
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill enables developers to easily add informative tooltips to interactive elements in Flutter applications built with the shadcn_ui component library, enhancing user experience by providing context on hover or focus.

Core Features & Use Cases

  • Contextual Information: Display helpful text when a user hovers over or focuses on a specific UI element.
  • Trigger Flexibility: Works with various trigger widgets, including buttons and images, with specific handling for non-interactive elements.
  • Use Case: When a user hovers over a small icon button in a shadcn_ui Flutter app, a tooltip appears with text like "Settings" or "Edit Profile".

Quick Start

Use ShadTooltip to display 'Add to library' when hovering over a ShadButton.

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: shadcn_ui-tooltip
Download link: https://github.com/serverpod/skills-registry/archive/main.zip#shadcn-ui-tooltip

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 471,000+ vetted skills library on demand.