sidebar-panel
Installation
SKILL.md
Sidebar & Panel Patterns
Sidebar Types
| Type | Purpose | Width |
|---|---|---|
| Navigation | Primary app navigation | 240-280px |
| Tool panel | Tools, properties, settings | 280-360px |
| Detail panel | Selected item details | 320-480px |
| Chat/activity | Conversations, activity feed | 320-400px |
Collapsible Sidebar
- Collapsed state: icons only (48-64px wide)
- Expanded state: icons + labels
- Toggle button always visible
- Remember preference (localStorage)
- On mobile: overlay with backdrop, swipe to dismiss