curl -sSL https://canifi.com/skills/gemini-canvas/install.sh | bash

cp -r skills/gemini-canvas ~/.canifi/skills/

# First, ensure canifi-env is installed:
# curl -sSL https://canifi.com/install.sh | bash

canifi-env set GOOGLE_EMAIL "your-email@gmail.com"

canifi-env set SERVICE_EMAIL "your-email"
canifi-env set SERVICE_PASSWORD "your-password"

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