- Visual Design - Landing pages, layouts, mockups
- UI/UX Design - User flows, interaction patterns
- Creative Copy - Marketing text, headlines, taglines
- Animations - Motion design, transitions
- Brand Design - Color schemes, visual identity
Commands:
/eai-web-design- Visual design tasks/eai-web-ux- User experience design/eai-web-copy- Creative copywriting/eai-web-animate- Animations and effects
- Code Logic - Algorithms, business logic
- Architecture - System design, patterns
- Frontend Code - React, Next.js, TypeScript
- Backend Code - APIs, databases, servers
- Debugging - Error fixing, problem solving
- Refactoring - Code quality, optimization
- Testing - Unit tests, integration tests
- Security - Authentication, validation
Commands:
/eai-web-code- Code logic and architecture/eai-web-frontend- Frontend implementation/eai-web-backend- Backend implementation
- Generic Tasks - Mixed or unclear tasks
- Quick Questions - Documentation, explanations
- Prototyping - When speed > perfection
Commands:
/eai- Generic command (no model restriction)
These commands ENFORCE model requirements:
/eai-web-design → Requires Gemini
/eai-web-code → Requires Claude
/eai-web-ux → Requires Gemini
If wrong model:
❌ STOPS execution
⚠️ Shows alert
📋 Asks you to switch
🚫 Will not proceed until you switch
/eai-web → Works with any model
Behavior:
- ✅ Works with current model
- 💡 Recommends optimal model
- ✅ Proceeds either way
1. Check current model (look at selector)
2. If not Gemini → Switch to Gemini
3. Run: /eai-web-design landing page
4. AI verifies → ✅ Proceeds1. Check current model
2. If not Claude → Switch to Claude
3. Run: /eai-web-code auth system
4. AI verifies → ✅ Proceeds1. Run: /eai-web create chat bot with SDK
2. AI shows orchestration plan
3. Follow plan with manual model switches:
Step 1: Switch to Gemini
Run: /eai-web-design chat bot interface
Step 2: Switch to Claude
Run: /eai-web-code integrate SDK- Look at bottom-right corner
- Click model name (e.g., "Claude Sonnet 3.5")
- Select desired model
- Run command
- Look at top of panel
- Click model selector
- Choose model
- Run command
Cmd+I → Tab → Arrow keys → Enter
Every AI response starts with:
🤖 Current Model: [Model Name]
This tells you:
- ✅ Which model is responding
- ✅ If it's the right model for the task
- ✅ Whether to switch or proceed
You: /eai-web-design page (with Gemini)
AI: ✅ Gemini - Perfect!
You: /eai-web-design page (with Claude)
AI: ❌ Claude - Please switch to Gemini!
🚫 STOPPED
You: /eai-web create page (with Claude)
AI: 💡 Gemini recommended for design
✅ Proceeding with Claude anyway
| Feature | Gemini 3 Pro | Claude Sonnet |
|---|---|---|
| Visual Design | ⭐⭐⭐⭐⭐ | ⭐⭐⭐ |
| UI/UX Patterns | ⭐⭐⭐⭐⭐ | ⭐⭐⭐ |
| Code Logic | ⭐⭐⭐ | ⭐⭐⭐⭐⭐ |
| Architecture | ⭐⭐⭐ | ⭐⭐⭐⭐⭐ |
| Debugging | ⭐⭐⭐ | ⭐⭐⭐⭐⭐ |
| Creative Copy | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐ |
| Algorithms | ⭐⭐⭐ | ⭐⭐⭐⭐⭐ |
| Animations | ⭐⭐⭐⭐⭐ | ⭐⭐⭐ |
# Design (Gemini required)
/eai-web-design modern landing page
/eai-web-ux checkout flow
/eai-web-copy hero section text
/eai-web-animate page transitions
# Code (Claude required)
/eai-web-code authentication system
/eai-web-frontend dashboard components
/eai-web-backend REST API
# Generic (any model)
/eai-web create landing page
/eai-web help with this feature
/eai-web review this codeBefore starting complex task, review orchestration plan
Remember which model you're using
When AI says stop, switch models
Specialized command = better results
Use /eai when unsure or time-constrained
- 🤖 AI identifies itself at start
- 🔒 Specialized commands enforce model requirements
- ❌ Wrong model = STOP + Alert
- ✅ Right model = Proceed
- 🔄 You switch manually in Cursor UI
- 💡 Generic command works with any model
Use the right AI for the right job! 🎯