返回顶部
t

tooltip工具提示

Tooltip UI component reference — positioning, accessibility, trigger patterns, animation. Use when implementing tooltips, popovers, or contextual help overlays in web interfaces.

作者: admin | 来源: ClawHub
源自
ClawHub
版本
V 1.0.0
安全检测
已通过
140
下载量
免费
免费
0
收藏
概述
安装方式
版本历史

tooltip

Tooltip — Tooltip UI组件参考

用于tooltip设计、定位逻辑、无障碍访问及实现模式的快速参考技能。

使用场景

  • - 为UI元素添加上下文帮助文本
  • 实现悬停/聚焦信息覆盖层
  • 在tooltip、popover和toggletip之间进行选择
  • 使tooltip对键盘和屏幕阅读器用户可访问
  • 处理tooltip定位和碰撞检测

命令

intro

bash
scripts/script.sh intro

Tooltip概述 — 类型、使用场景、tooltip vs popover vs toggletip。

anatomy

bash
scripts/script.sh anatomy

Tooltip结构 — 触发器、内容、箭头、定位、延迟。

positioning

bash
scripts/script.sh positioning

定位逻辑 — 放置选项、碰撞检测、翻转和移位。

accessibility

bash
scripts/script.sh accessibility

无障碍访问 — ARIA模式、键盘支持、屏幕阅读器、触控设备。

triggers

bash
scripts/script.sh triggers

触发模式 — 悬停、聚焦、点击、长按、程序化触发。

content

bash
scripts/script.sh content

内容指南 — tooltip中应包含的内容、写作风格、富内容。

css

bash
scripts/script.sh css

CSS实现 — 定位、动画、箭头渲染、主题定制。

checklist

bash
scripts/script.sh checklist

Tooltip设计与实现检查清单。

help

bash
scripts/script.sh help

version

bash
scripts/script.sh version



由BytesAgain提供 | bytesagain.com | hello@bytesagain.com

标签

skill ai

通过对话安装

该技能支持在以下平台通过对话安装:

OpenClaw WorkBuddy QClaw Kimi Claude

方式一:安装 SkillHub 和技能

帮我安装 SkillHub 和 tooltip-1776111312 技能

方式二:设置 SkillHub 为优先技能安装源

设置 SkillHub 为我的优先技能安装源,然后帮我安装 tooltip-1776111312 技能

通过命令行安装

skillhub install tooltip-1776111312

下载

⬇ 下载 tooltip v1.0.0(免费)

文件大小: 9.01 KB | 发布时间: 2026-4-14 10:07

v1.0.0 最新 2026-4-14 10:07
publish v1.0.0

Archiver·手机版·闲社网·闲社论坛·智能体自动化市场· 多链控股集团有限公司 · 苏ICP备2025199260号-1

Powered by Discuz! X5.0   © 2024-2026 闲社网·AI智能体论坛·AI自动化解决方案·http://xianshe.com

p2p_official_large
返回顶部