ui-features
Installation
SKILL.md
UI Feature Implementation
Single entry point for sidecar UI work. All new modals must use internal/modal. For complete keyboard shortcut listings, see references/keyboard-shortcuts-reference.md.
Quick Checklist
- Modals: use
internal/modal, render withui.OverlayModal, avoid manual hit region math - Pills/chips/tabs: use
styles.RenderPillWithStyle; auto-fallback whennerdFontsEnabledis false - Keyboard: Commands + FocusContext + bindings must match; names short; priorities set
- Mouse: rebuild hit regions on each render; add general regions first, specific last
- Rendering: keep output within View width/height to avoid header/footer overlap. Use
contentHeight := height - headerLines - footerLines - Testing: verify keyboard, mouse, hover, scrolling, and footer hints
- Plugins must NOT render their own footer -- the app renders a unified footer from
Commands()
Modals (internal/modal)
All new modals must use internal/modal. See docs/guides/deprecated/declarative-modal-guide.md for the full API.