Auto-play/pause media on prompt submit/stop
This plugin is not yet in any themed marketplace. To install it, you'll need to add it from GitHub directly.
Choose your preferred installation method below
A marketplace is a collection of plugins. Every plugin gets an auto-generated marketplace JSON for individual installation, plus inclusion in category and themed collections. Add a marketplace once (step 1), then install any plugin from it (step 2).
One-time setup for access to all plugins
When to use: If you plan to install multiple plugins now or later
Step 1: Add the marketplace (one-time)
/plugin marketplace add https://claudepluginhub.com/marketplaces/all.jsonRun this once to access all plugins
Step 2: Install this plugin
/plugin install media@allUse this plugin's auto-generated marketplace JSON for individual installation
When to use: If you only want to try this specific plugin
Step 1: Add this plugin's marketplace
/plugin marketplace add https://claudepluginhub.com/marketplaces/plugins/media.jsonStep 2: Install the plugin
/plugin install media@media██████╗ ██████╗ ████████╗ █████╗ ██╗
██╔══██╗██╔═══██╗╚══██╔══╝██╔══██╗██║
██║ ██║██║ ██║ ██║ ███████║██║
██║ ██║██║ ██║ ██║ ██╔══██║██║
██████╔╝╚██████╔╝ ██║ ██║ ██║██║
╚═════╝ ╚═════╝ ╚═╝ ╚═╝ ╚═╝╚═╝
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:install
Features:
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:install
Features:
/ctx in Claude Code analyzes your task and chooses presetpnpm ctx <preset> for direct preset selectionQuick 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:install
Features:
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 claude
Features:
Auto-play/pause media on prompt submit/stop.
Installation:
brew install media-control # Required
/plugin install media@dotai
# restart claude
Features:
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:
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
See CONTRIBUTING.md.
MIT
1.0.0