Install with AI
Share the setup prompt with your AI to install COMPASS in your project.
Set up the design system
Open your project in your AI tool and share the prompt below. Your AI will inspect the project, install COMPASS, and save its project rules.
Your AI needs access to edit project files and install dependencies. Before deployment, the localhost URL is only accessible on this computer.
After installation
After the initial setup, make requests like the example below. Your AI will use the saved rules and installed components.
Use the design system. Build a settings page.
AI reference
Registry details
Refer to these details for manual installation, available items, and versions.
Installation
Install in an existing React and Tailwind CSS v4 project initialized with shadcn. Review changes to existing components and global styles before applying.
Registry items
Version management
Installation URLs include a version. COMPASS updates do not automatically change projects that already use it.
Record the version used by each project and review the changelog before updating. Compare locally modified components before overwriting them.
View changelog