Enables Claude to create and edit documents collaboratively using Gemini Canvas for visual writing and coding
Claude can use Gemini Canvas at gemini.google.com for collaborative document creation, code editing, and visual content development. Canvas provides a side-by-side workspace for iterative writing and coding with AI assistance.
curl -sSL https://canifi.com/skills/gemini-canvas/install.sh | bash
Or manually:
cp -r skills/gemini-canvas ~/.canifi/skills/
Configure via canifi-env:
# First, ensure canifi-env is installed:
# curl -sSL https://canifi.com/install.sh | bash
canifi-env set GOOGLE_EMAIL "[email protected]"
Your credentials, your choice. Canifi LifeOS respects your privacy.
If you prefer not to share credentials with Claude Code:
If you're comfortable sharing credentials, you can store them locally:
canifi-env set SERVICE_EMAIL "your-email"
canifi-env set SERVICE_PASSWORD "your-password"
Note: Credentials stored in canifi-env are only accessible locally on your machine and are never transmitted.
User: "Use Canvas to write a project proposal"
Claude: Opens Gemini Canvas, starts document:
"Create a project proposal for [topic]"
Iterates with suggestions, refines structure,
exports final document.
User: "Use Canvas to build a Python web scraper"
Claude: Opens Canvas in code mode, develops scraper:
Initial implementation, then iterates to add
error handling, logging, and documentation.
User: "Help me improve this blog post in Canvas"
Claude: Pastes content into Canvas, requests improvements:
"Improve clarity, add transitions, enhance introduction"
Returns polished version.
User: "Create API documentation for my endpoints"
Claude: Uses Canvas to structure documentation:
Endpoint descriptions, parameters, examples,
error codes. Exports formatted documentation.
1. Navigate to gemini.google.com
2. Start conversation or select Canvas mode
3. Create initial content with prompt
4. Review in side-by-side canvas view
5. Request iterations and improvements
6. Apply suggested changes
7. Export or copy final content
// Chat input
'[aria-label="Enter a prompt here"]' or 'rich-textarea'
// Canvas panel
'.canvas-editor' or '.canvas-content'
// Canvas toggle
'[aria-label="Canvas"]' or canvas mode button
// Code block
'.code-block' or 'pre code'
// Copy button
'[aria-label="Copy"]'
// Apply changes
'[aria-label="Apply"]'
// Undo/Redo
'[aria-label="Undo"]'
'[aria-label="Redo"]'
// Export options
'[aria-label="Export"]'
Writing Mode:
- Long-form documents
- Essays and articles
- Reports and proposals
- Creative writing
Code Mode:
- Python, JavaScript, etc.
- Full file development
- Debugging and refactoring
- Documentation generation
When you learn a better way to use Gemini Canvas: