canvas-workflowlisted

# 10x-Team Visual Workflow Canvas An infinite canvas for designing and visualizing outreach workflows. Design workflows visually, configure nodes, connect them with arrows, and export to Claude Code for execution. ## Quick Start ```bash # Start the canvas cd tldraw-canvas && npm install && npm run dev ``` Then open: **http://localhost:3000/** ## When to Use This Skill Use this skill when the user: - Wants to visually design an outreach workflow - Needs to see their campaign as a visual diagram - Wants to drag-and-drop skill nodes - Needs to configure workflow steps - Wants to export workflow configurations - Wants to brainstorm campaign strategies visually ## Canvas Features ### Skill Nodes Visual representations of 100X Outreach skills: | Node | Icon | Description | Inputs | Outputs | |------|------|-------------|--------|---------| | Discovery | 🔍 | Find people using Exa AI | query | people | | Audience | 👥 | Define target audience | - | filters | | LinkedIn | 💼 | LinkedIn automation | person | sent | | Twitter | 🐦 | Twitter/X automation | person | sent | | Instagram | 📸 | Instagram automation | person | sent | | Gmail | 📧 | Send emails via Gmail | person, template | sent | | Template | 📝 | Message templates | context | message | | Workflow | ⚡ | Multi-step sequences | trigger | complete | | Campaign | 🚀 | Full outreach campaigns | audience, message | results | ### Node Configuration Click any node to open the configuration panel: - **Discovery**: Search q