How do I install the Popover skill?

Run npx skillmds@latest add bytesagain/popover in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Popover safe to use?

This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. Capability flags: executes scripts. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Popover?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Popover free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Popover?

bytesagain (@bytesagain) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Popover by bytesagain — Agent Skill

Name: Popover
Rating: 4.2 (5 reviews)
Author: bytesagain

File contents

Popover — Popover & Tooltip Reference

Quick-reference skill for popovers — the HTML Popover API, floating elements, positioning, and accessibility.

When to Use

Using the native HTML Popover API (popover attribute)
Building accessible tooltips and dropdowns
Positioning floating elements (Floating UI / Popper.js)
Understanding popover vs modal vs tooltip semantics
Handling edge cases: viewport clipping, scroll, resize

Commands

`intro`

scripts/script.sh intro

What popovers are, popover vs tooltip vs modal, when to use each.

`api`

scripts/script.sh api

HTML Popover API — popover attribute, popovertarget, showPopover, events.

`positioning`

scripts/script.sh positioning

Positioning strategies — Floating UI, anchor positioning, flip, shift, offset.

`tooltip`

scripts/script.sh tooltip

Tooltip patterns — hover, focus, delay, arrow, accessible tooltips.

`dropdown`

scripts/script.sh dropdown

Dropdown menus — trigger, keyboard nav, nested menus, ARIA.

`css`

scripts/script.sh css

Popover CSS — anchor positioning, animations, @starting-style.

`accessibility`

scripts/script.sh accessibility

Accessible popovers — ARIA patterns, keyboard interaction, live regions.

`libraries`

scripts/script.sh libraries

Popover libraries — Floating UI, Radix, Headless UI, Tippy.js.

`help`

scripts/script.sh help

`version`

scripts/script.sh version

Powered by BytesAgain | bytesagain.com | hello@bytesagain.com

---name: popoverdescription: Popover UI reference — the HTML Popover API, tooltip patterns, positioning strategies, and accessible floating elements. Use when building popovers, tooltips, dropdowns, or understanding the new Popover API.--- # Popover — Popover & Tooltip Reference Quick-reference skill for popovers — the HTML Popover API, floating elements, positioning, and accessibility. ## When to Use - Using the native HTML Popover API (popover attribute) - Building accessible tooltips and dropdowns - Positioning floating elements (Floating UI / Popper.js) - Understanding popover vs modal vs tooltip semantics - Handling edge cases: viewport clipping, scroll, resize ## Commands ### `intro` ```bash scripts/script.sh intro ``` What popovers are, popover vs tooltip vs modal, when to use each. ### `api` ```bash scripts/script.sh api ``` HTML Popover API — popover attribute, popovertarget, showPopover, events. ### `positioning` ```bash scripts/script.sh positioning ``` Positioning strategies — Floating UI, anchor positioning, flip, shift, offset. ### `tooltip` ```bash scripts/script.sh tooltip ``` Tooltip patterns — hover, focus, delay, arrow, accessible tooltips. ### `dropdown` ```bash scripts/script.sh dropdown ``` Dropdown menus — trigger, keyboard nav, nested menus, ARIA. ### `css` ```bash scripts/script.sh css ``` Popover CSS — anchor positioning, animations, @starting-style. ### `accessibility` ```bash scripts/script.sh accessibility ``` Accessible popovers — ARIA patterns, keyboard interaction, live regions. ### `libraries` ```bash scripts/script.sh libraries ``` Popover libraries — Floating UI, Radix, Headless UI, Tippy.js. ### `help` ```bash scripts/script.sh help ``` ### `version` ```bash scripts/script.sh version ``` --- *Powered by BytesAgain | bytesagain.com | hello@bytesagain.com*

Frequently asked questions

Popover

File contents

Popover — Popover & Tooltip Reference

When to Use

Commands

intro

api

positioning

tooltip

dropdown

css

accessibility

libraries

help

version

Related skills