Command Palette Developer
CommunityBuild polished, keyboard-first command palettes.
Authoraaronbassett
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides comprehensive guidance and tooling patterns for building professional, keyboard-first command palettes for web apps, enabling rapid creation, customization, and extensibility.
Core Features & Use Cases
- Generator-driven scaffolding: Create complete command palettes with modal, embedded, or drawer layouts including type-safe commands and result components.
- Theming, accessibility, and UX best practices: Guidance on theming, keyboard navigation, focus management, and ARIA recommendations to craft accessible experiences.
- Extensibility & plugins: Patterns for plugin providers and external command sources to unify all actions under a single palette interface.
- Usage patterns & examples: Real-world scenarios and sample implementations (Raycast-style, Notion-style, etc.) to accelerate adoption.
Quick Start
Install the palette scaffolding, run the generator scripts to produce components, then wrap your app with ThemeProvider and CommandProvider to begin building and testing palettes.
Dependency Matrix
Required Modules
cmdk@floating-ui/reactzustand@tanstack/react-query@tanstack/react-virtual
Components
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: Command Palette Developer Download link: https://github.com/aaronbassett/paneful/archive/main.zip#command-palette-developer Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.