Floating Runes Agent Skill

When to use

Use this skill when working with floating UI patterns in Svelte 5: tooltips, dropdowns, context menus, toasts, overlays, portals, singleton patterns, or virtual positioning.

Core rules (always follow)

• Import everything from floating-runes (types and runtime). Avoid @floating-ui/* imports.
• Prefer Svelte 5 runes and actions (use:float, use:float.ref, use:float.virtual, use:float.arrow).
• Keep floating elements in the DOM only when needed (conditional rendering).
• Preserve accessibility: proper roles, keyboard escape handling, and focus behavior.

Quick navigation

• DOs: references/DO.md
• DONTs: references/DONT.md
• Examples: references/EXAMPLES.md
• Workflows: references/WORKFLOWS.md