██████╗ ██████╗ ████████╗ █████╗ ██╗
██╔══██╗██╔═══██╗╚══██╔══╝██╔══██╗██║
██║ ██║██║ ██║ ██║ ███████║██║
██║ ██║██║ ██║ ██║ ██╔══██║██║
██████╔╝╚██████╔╝ ██║ ██║ ██║██║
╚═════╝ ╚═════╝ ╚═╝ ╚═╝ ╚═╝╚═╝
npx shadcn@latest add https://raw.githubusercontent.com/udecode/dotai/main/registry/all.json
Then, restart claude.
This installs all project files and configures Claude Code to auto-install the marketplace and plugins.
Add marketplace and plugins (interactive):
/plugin marketplace add udecode/dotai
Restart Claude Code, then install all plugin files:
/dotai:install-all
Add this to your package.json:
{
"scripts": {
"ctx": "tsx .claude/scripts/generate-agents.ts"
}
}Complete development toolkit - documentation, PRDs, debugging, PR workflows, and planning.
Installation:
/plugin install dotai@dotai
# restart claude
/dotai:installFeatures:
- PRD Workflows - Create and parse Product Requirements Documents
- Documentation - Generate and maintain app design and tech stack docs
- Debugging - Systematic bug investigation with logging
- PR Management - Full PR creation with reviews and draft mode
- Planning - Implementation planning and log monitoring
Key Commands:
/dotai:create-prd-interactive # Create PRD with AI questions /dotai:create-app-design # Generate design documentation /dotai:debug # Start debugging workflow /dotai:pr # Create PR with review /dotai:how # Plan before coding
Context manager for Claude Code and Codex. Prevent context bloat by loading only relevant docs for your task.
Installation:
/plugin install ctx@dotai
# restart claude
/ctx:installFeatures:
- AI-Powered -
/ctxin Claude Code analyzes your task and chooses preset - Manual Control -
pnpm ctx <preset>for direct preset selection - Quality Impact - Focused presets vs diluted all-presets
- Single Source of Truth - For both Claude Code and Codex
Quick Start:
# AI chooses for you (Claude Code) /ctx "Build a modal component" # Manual selection pnpm ctx frontend # UI work pnpm ctx backend # API work pnpm ctx app # Full-stack
Session memory and continuity for Claude Code.
Installation:
/plugin install fb@dotai
# restart claude
/fb:installFeatures:
- Session Continuity - Restore context from previous sessions
- Working Plan - Track development priorities across sessions
- Project Memory - Store important learnings
- Auto-Archiving - Organized session history
Key Commands:
/fb:session-start # Restore previous context /fb:save-session # Save session summary /fb:remember # Store important info
macOS notifications for Claude Code events.
Installation:
/plugin install notification@dotai
# restart claudeFeatures:
- Get notified when Claude finishes responding
- Ping on compact events
Auto-play/pause media on prompt submit/stop.
Installation:
brew install media-control # Required /plugin install media@dotai # restart claude
Features:
- Auto-play media when submitting prompts
- Auto-pause media when stopping responses
- Works with Spotify, Apple Music, YouTube, etc.
Configuration:
{
"env": {
"CLAUDE_MEDIA_AUTO_PAUSE": "false" // Disable auto-pause
}
}After Quick Start, create foundational docs:
# Generate initial context pnpm ctx --init # Create foundational docs /dotai:create-app-design /dotai:create-tech-stack
# Start session with context /fb:session-start # Plan work /dotai:how # Load specific context pnpm ctx frontend api # Start monitoring /dotai:c # Work on features... # Debug if needed /dotai:debug # Fix errors /dotai:fix # Create PR /dotai:pr # Save session /fb:save-session
# Generate new context for task pnpm ctx backend # Reload Claude Code /clear
dotai works with multiple AI development tools. Choose based on your workflow:
| Tool | Best For | Limitations |
|---|---|---|
| Claude Code | Quick iterations, UI, general coding | Requires /clear after context updates |
| Codex | Long-running tasks, backend, deep debugging | Worst CLI UX, no hooks, manual session saves |
| Cursor | Manual code review with visual diffs | Most expensive, slower with long conversations |
Use both Claude Code and Codex in parallel:
# Terminal 1: Claude Code (Sonnet 4.5) claude # Terminal 2: Codex codex
Work distribution:
- Claude Code: Quick iterations, UI work, continuous dev
- Codex: Long-running tasks, backend, deep debugging
Context switching:
# 1. Generate new context for a task pnpm ctx frontend # or: backend, app, custom rules # 2. Reload both CLIs # Claude Code: /clear # Codex: /new
- Max 5x (100ドル/month) - Best value for continuous development
Codex (ChatGPT)
- Plus (20ドル/month)
- Pro (200ドル/month)
- Pro (20ドル/month) - Manual coding with Tab
See CONTRIBUTING.md.
MIT