Create and manage floating overlay panels for terminal user interfaces.
npx skills add https://github.com/dotBeeps/hoard --skill dragon-parchment
Please help me install this Agent Skill. Skill: dragon-parchment Source: https://github.com/dotBeeps/hoard/tree/main/morsels/skills/dragon-parchment Command: npx skills add https://github.com/dotBeeps/hoard --skill dragon-parchment
Floating UI panels in terminal-based agent extensions are hard to position, focus, and manage across sessions; dragon-parchment centralizes panel lifecycle, positioning, focus cycling, collision avoidance, and render invalidation so extensions can add panels reliably without reimplementing layout logic.
Ask the agent to createPanel with an id and factory, set anchor to right-center and width to 30% and focusOnOpen to true to open a new floating panel.
High-intent search queries and answers about installing and using this skill.
Floating overlay panels in a terminal user interface are managed through a centralized lifecycle API that handles creation, positioning, focus cycling, and disposal. This approach prevents extensions from reimplementing layout logic and ensures consistent behavior across sessions.
Anchoring a contextual detail panel to a selected item in a TUI uses panel-relative positioning and auto-placement features. You set an anchor property like right-center and configure width percentages to position the floating panel relative to the parent element.
Focus cycling across multiple terminal UI panels is handled through built-in focus management and configurable hotkeys. The system provides key hint metadata to prevent conflicts with global controls, allowing multiple panels to participate in consistent focus switching.
Auto-placement and collision avoidance for multiple floating panels are supported through suggested layouts and smart placement algorithms. The system calculates geometry tracking and stacking behavior to ensure panels do not overlap incorrectly in responsive TUI environments.
Terminal panel rendering requires cache invalidation through provided invalidation hooks rather than manual management. The system uses cached render patterns and width-aware line rendering to keep floating panels performant during session-aware updates.
Layout suggestion APIs for TUI overlays are limited to terminal user interface constraints and responsive rendering boundaries. Panels must participate in geometry tracking and global focus cycling, and complex nested anchoring may require manual width and position adjustments.
dotBeepsRender animated GIFs inline in terminal panels via the Kitty graphics protocol.
lawalletioConfigure Next.js 16 Cache Components for static, cached, and dynamic content.
johnlindquistRegister and handle cross-platform global keyboard shortcuts on Windows, macOS, and X11.
PiaoxuemoliMeasure, layout, and render text using canvas without the DOM.
