skills.rest
coco-de
coco-deOFFICIAL
Explore all skills by this author →
GitHub

coui-tooltip

Add interactive hover tooltips to Flutter and Web UI components.

Updated Aug 23, 2026
Search Tags:#ui#flutter#ux#help text#web#tooltip
One-click install
npx skills add https://github.com/coco-de/skills --skill coui-tooltip
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: coui-tooltip
Source: https://github.com/coco-de/skills/tree/main/plugins/cc-coui/skills/coui-tooltip
Command: npx skills add https://github.com/coco-de/skills --skill coui-tooltip

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps developers easily add contextual information, help text, and hints to UI elements across Flutter and Web applications, improving user experience and discoverability.

Core Features & Use Cases

  • Contextual Help: Display informative tooltips on hover for buttons, icons, or any UI element.
  • Platform Consistency: Provides a unified API for implementing tooltips in both Flutter and Web applications.
  • Customization: Offers options for styling, positioning, and controlling the appearance and behavior of tooltips.
  • Use Case: Enhance a toolbar with descriptive tooltips for each icon button, ensuring users understand the function of each control without needing explicit labels.

Quick Start

Use the coui-tooltip skill to add a tooltip with the text 'Save changes' to the save icon button.

Frequently Asked Questions about coui-tooltip

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add hover tooltips to UI components in Flutter and Web applications?▼

To add hover tooltips in Flutter and Web applications, you can use a unified API that supports rich widget content in Flutter and string-based content in Web. This enables interactive contextual help text on UI elements with customizable positioning and delays.

What is the best way to provide contextual help text for buttons and icons across platforms?▼

Providing contextual help text across platforms is best achieved using a unified API that displays informative hover tooltips on UI elements. This ensures platform consistency by supporting rich widgets in Flutter and strings in Web applications.

Can I customize the styling and positioning of help text in my UI framework?▼

Yes, you can customize the styling and positioning of help text in your UI framework. The tooltip implementation offers options for controlling appearance, behavior, and precise placement to seamlessly integrate with existing UI components.

Does the tooltip API support rich widget content or only plain text strings?▼

The tooltip API supports both rich widget content and plain text strings. It accommodates rich widget content for Flutter applications and string-based content for Web applications, allowing flexible contextual help implementation.

How do I integrate contextual hints with existing coui_flutter and coui_web frameworks?▼

You integrate contextual hints with coui_flutter and coui_web frameworks by using a tooltip API designed to mesh seamlessly with them. This allows you to append descriptive help text to UI elements without disrupting existing layouts.

Related Skills

Explore More Software Engineering Skills→
truongnattruongnat

tamagui-best-practices

Enforce Tamagui configuration, optimization, and UI pattern requirements for web and native.

Community
Advanced
KrastanovKrastanov
30

julia-term

Create styled terminal output and TUI applications in Julia using Term.jl.

Community
Intermediate
PeakTaiPeakTai

wok-ui-button

Create configurable wok-ui Button components with type-safe options.

Community
Intermediate
MimicHunterZMimicHunterZ
56

flutter-home-screen-widget

Integrate native home screen widgets into Flutter apps using the home_widget package.

Community
Advanced