10x Outreach Skill

Visual Workflow Canvas + Multi-Platform Outreach Automation + IT Operations Support for Claude Code

Installation • Quick Start • Visual Canvas • IT Support • Commands • Templates

What is This?

10x Outreach Skill is a Claude Code skill that gives you:

TLDraw Canvas - Official TLDraw SDK providing an infinite canvas for design and collaboration
13+ Automation Skills - LinkedIn, Twitter, Instagram, Gmail automation via ClaudeKit Browser Extension
85+ Message Templates - Professional, customizable templates for all platforms
Team Management - Multiple team members with their own credentials
IT Operations Support - Ticket management, SLA tracking, AI analysis, and enterprise features

🚀 One-Line Installation

macOS / Linux

curl -fsSL https://raw.githubusercontent.com/Anit-1to10x/10x-outreach-skill/main/install.sh | bash

Windows (PowerShell)

irm https://raw.githubusercontent.com/Anit-1to10x/10x-outreach-skill/main/install.ps1 | iex

What the installer does:

✅ Checks for Node.js & Python
✅ Installs all dependencies (npm & pip)
✅ Runs interactive setup wizard for API keys
✅ Creates workspace directories
✅ Sets up browser extension

Manual Installation

# Clone the repository
git clone https://github.com/Anit-1to10x/10x-outreach-skill.git
cd 10x-outreach-skill

# Install dependencies
cd canvas && npm install && cd ..
pip install -r requirements.txt

# Run interactive setup wizard
node setup.js

Requirements

Node.js 18+ - Download
Python 3.8+ - Download
Git - Download

Configuration

After installation, you'll be guided through an interactive setup wizard that collects:

Required:

🔑 Exa AI API Key (prospect enrichment)
🔑 Google OAuth credentials (Gmail integration)
📧 Sender email address

Optional:

🤖 Gemini AI API Key (multimodal features)
🎨 Canva credentials (design automation)
🧠 Anthropic API Key (advanced AI features)

To reconfigure later:

node setup.js

⚡ Quick Start

Step 1: Start the Visual Canvas

Open Claude Code in any project directory and say:

start my app

Or use the slash command:

/start

This automatically:

Installs dependencies (if needed)
Starts the visual canvas on http://localhost:3000
Opens the workflow designer in your browser

Step 2: Design Your Workflow

Add Nodes - Click skill buttons in the toolbar (Discovery, LinkedIn, Twitter, etc.)
Connect Nodes - Drag from green ▶ (output) to blue ◀ (input)
Configure - Click any node to set its options
Run - Click the Run button to export your workflow

Step 3: Execute Your Workflow

/workflow run

Claude Code reads the workflow JSON and executes each step with intelligent delays.

🎨 TLDraw Canvas

An infinite canvas powered by the official TLDraw SDK for visual design and collaboration.

Canvas Features (Official TLDraw SDK)

Feature	Description
Infinite Canvas	Pan and zoom freely across unlimited space
Drawing Tools	Draw, write, add shapes, images, and videos
Selection & Transform	Click to select, drag to multi-select, transform shapes
Copy/Paste	Standard clipboard operations with full fidelity
Undo/Redo	Complete history tracking of all changes
Export	Export as PNG, SVG, or JSON snapshot
Auto-Save	Automatic persistence to localStorage
Programmatic Control	Full API access via Editor instance

Basic TLDraw Usage

The canvas runs at http://localhost:3000 with the standard TLDraw interface:

Draw & Write - Use toolbar to select drawing tools
Add Shapes - Rectangle, ellipse, arrow, line, text, etc.
Add Media - Embed images and videos
Pan & Zoom - Mouse drag to pan, scroll to zoom
Selection - Click to select, drag to multi-select
Copy/Paste - Standard keyboard shortcuts work
Undo/Redo - Full history support

Export Options

PNG - Raster image export
SVG - Vector export for scalability
JSON - Full snapshot for persistence and sharing

📋 Commands

Core Commands

Command	Description
`/start`	Start the visual canvas on localhost:3000
`/canvas`	Open the workflow canvas
`/workflow`	Create and run multi-platform workflows
`/exa`	Search the web with Exa AI semantic search
`/websets`	Create and manage curated web collections

Platform Commands

Command	Description
`/linkedin`	LinkedIn actions (connect, message, like, comment)
`/twitter`	Twitter actions (follow, DM, like, reply, retweet)
`/instagram`	Instagram actions (follow, DM, like, comment, story)

Email Commands

Command	Description
`/outreach`	Email campaigns from Google Sheets
`/compose`	Write individual emails
`/inbox`	Read and search Gmail
`/reply`	Reply to emails
`/summarize`	Get email digests

Discovery & Management Commands

Command	Description
`/discover`	Find people using Exa AI
`/team`	Manage team members and credentials

🛠 Skills

The skill includes 13 automation skills:

Skill	File	Description
`start-app`	Start the visual canvas
`canvas-workflow`	Visual workflow designer
`discovery-engine`	Find people with Exa AI
`linkedin-adapter`	LinkedIn automation
`twitter-adapter`	Twitter automation
`instagram-adapter`	Instagram automation
`gmail-adapter`	Gmail sending
`outreach-manager`	Email campaigns
`email-composer`	Individual emails
`inbox-reader`	Read Gmail
`reply-generator`	Generate replies
`email-summarizer`	Email digests
`team-manager`	Team credentials
`workflow-engine`	Multi-platform sequences

📝 Templates

85+ pre-built templates across 4 platforms:

Platform	Count	Categories
LinkedIn	24	Connection requests, Messages, InMails, Comments
Twitter	22	DMs, Replies, Tweets, Quote tweets
Instagram	22	DMs, Comments, Story replies
Email	18	Outreach, Follow-ups, Newsletters, Promotional

Using Templates

Templates use {{variables}} for personalization:

Hi {{first_name}},

I saw your work on {{topic}} and thought it was impressive.
Would love to connect and learn more about {{company}}.

Best,
{{sender_name}}

🔄 Pre-Built Workflows

Located in .claude/workflows/examples/:

Workflow	Duration	Platforms	Use Case
B2B Professional	14 days	LinkedIn + Email	Business outreach
Brand Outreach	21 days	Instagram + Twitter + Email	Brand partnerships
Influencer	21 days	Twitter + Instagram	Content creators
Investor	28 days	Twitter + LinkedIn + Email	Fundraising
Multi-Platform	30 days	All	Adaptive routing

⚙️ Setup

Requirements

Node.js 18+ (for the TLDraw canvas)
Claude Code
Python 3.9+ (optional, for advanced scripts)
10x-Browser Extension (ClaudeKit Browser Extension at C:\Users\Anit\Downloads\10x-Browser Extension)

Environment Variables

Create a .env file:

# Gmail OAuth2 (for email features)
GOOGLE_CLIENT_ID=your_client_id
GOOGLE_CLIENT_SECRET=your_secret
SENDER_EMAIL=your@gmail.com
SENDER_NAME=Your Name

# Exa AI (for discovery)
EXA_API_KEY=your_exa_key

# Rate Limits (optional)
LINKEDIN_CONNECTIONS_PER_DAY=20
TWITTER_FOLLOWS_PER_DAY=50
INSTAGRAM_FOLLOWS_PER_DAY=30

Gmail Setup

Go to Google Cloud Console
Create a new project
Enable Gmail API
Create OAuth2 credentials (Desktop App)
Add credentials to .env
Run /outreach to authenticate

🏗 Architecture

┌─────────────────────────────────────────────────────────────────────┐
│                     10x OUTREACH SKILL                              │
├─────────────────────────────────────────────────────────────────────┤
│                                                                     │
│  ┌────────────────────────────────────────────────────────────────┐ │
│  │              VISUAL WORKFLOW CANVAS (TLDraw)                   │ │
│  │         http://localhost:3000 - Drag & Drop Designer           │ │
│  └────────────────────────────────────────────────────────────────┘ │
│                              │                                      │
│                              ▼                                      │
│                     workflow.json                                   │
│                              │                                      │
│                              ▼                                      │
│  ┌───────────────┐   ┌───────────────┐   ┌───────────────────────┐  │
│  │   DISCOVERY   │   │   WORKFLOW    │   │    TEAM MANAGER       │  │
│  │   (Exa AI)    │──▶│    ENGINE     │◀──│  (Multi-user creds)  │  │
│  └───────────────┘   └───────────────┘   └───────────────────────┘  │
│                              │                                      │
│         ┌────────────────────┼────────────────────┐                 │
│         ▼                    ▼                    ▼                 │
│  ┌─────────────┐     ┌─────────────┐     ┌─────────────┐            │
│  │  LINKEDIN   │     │   TWITTER   │     │  INSTAGRAM  │            │
│  │   ADAPTER   │     │   ADAPTER   │     │   ADAPTER   │            │
│  └─────────────┘     └─────────────┘     └─────────────┘            │
│         │                    │                    │                 │
│         └────────────────────┼────────────────────┘                 │
│                              ▼                                      │
│  ┌────────────────────────────────────────────────────────────────┐ │
│  │              10x-BROWSER EXTENSION                             │ │
│  │            C:\Users\Anit\Downloads\10x-Browser Extension       │ │
│  └────────────────────────────────────────────────────────────────┘ │
│                                                                     │
│  ┌───────────────┐   ┌───────────────┐   ┌───────────────────────┐  │
│  │     RATE      │   │    TEMPLATE   │   │       GMAIL           │  │
│  │    LIMITER    │   │     LOADER    │   │       CLIENT          │  │
│  └───────────────┘   └───────────────┘   └───────────────────────┘  │
│                                                                     │
└─────────────────────────────────────────────────────────────────────┘

📁 Project Structure

10x-outreach-skill/
├── canvas/                    # TLDraw Canvas (Official SDK)
│   ├── src/
│   │   ├── App.tsx            # Clean TLDraw implementation
│   │   ├── index.css          # Styles
│   │   └── main.tsx           # Entry point
│   ├── server.js              # WebSocket server with JWT auth
│   └── package.json           # Dependencies (tldraw, react)
│
├── .claude/                   # Claude Code Skill
│   ├── skills/                # 13+ skill definitions
│   ├── commands/              # Slash commands
│   ├── scripts/               # Python automation
│   │   ├── gmail_client.py         # Gmail API (threaded replies)
│   │   ├── ticket_manager.py       # Ticket lifecycle management
│   │   ├── sla_tracker.py          # SLA monitoring
│   │   ├── ai_context_analyzer.py  # Claude AI email analysis
│   │   ├── knowledge_base.py       # Semantic search KB
│   │   ├── secure_credentials.py   # AES-256 encrypted storage
│   │   ├── audit_logger.py         # Tamper-proof logging
│   │   ├── rbac.py                 # Role-based access control
│   │   ├── multi_tenant.py         # Multi-tenant isolation
│   │   ├── webhook_api.py          # External integrations
│   │   └── metrics_collector.py    # Dashboard metrics
│   ├── templates/             # 85+ message templates
│   └── workflows/             # Workflow definitions
│
├── tickets/                   # Ticket storage
│   ├── active/                # Active tickets
│   └── closed/                # Closed tickets
│
├── audit_logs/                # Tamper-proof audit logs
├── knowledge_base/            # KB articles
├── tenants/                   # Multi-tenant data
├── webhooks/                  # Webhook configurations
├── metrics/                   # Metrics snapshots
├── sla/                       # SLA configurations
│
├── output/                    # Runtime output
│   └── workflows/             # Saved workflow JSONs
│
├── install.sh                 # Unix installer
├── install.ps1                # Windows installer
├── CLAUDE.md                  # Claude Code instructions
└── README.md                  # This file

🏢 IT Operations Support

New in v3.0 - Complete IT Operations Support System with enterprise-grade features.

Core IT Features

Feature	Description
Ticket Management	Full lifecycle: create, assign, update, resolve, close
SLA Tracking	P1-P4 priorities with automatic escalation
AI Email Analysis	Claude-powered intent detection, priority assessment
Knowledge Base	Semantic search with response templates
Audit Logging	Tamper-proof hash-chained logs

Enterprise Features

Feature	Description
RBAC	Role-based access control (Admin, Agent, Viewer)
Multi-Tenant	Isolated configurations per organization
Webhooks	External integrations with HMAC signing
Metrics	Real-time dashboard with Prometheus export
Secure Credentials	AES-256 encrypted storage

SLA Definitions

Priority	Response Time	Resolution Time	Use Case
P1	1 hour	4 hours	Critical - System down
P2	4 hours	8 hours	High - Major impact
P3	8 hours	2 days	Medium - Normal business
P4	24 hours	7 days	Low - Minor issues

IT Support Commands

# Ticket Management
python .claude/scripts/ticket_manager.py --list
python .claude/scripts/ticket_manager.py --create
python .claude/scripts/ticket_manager.py --stats

# SLA Tracking
python .claude/scripts/sla_tracker.py --check-all
python .claude/scripts/sla_tracker.py --at-risk
python .claude/scripts/sla_tracker.py --report

# AI Analysis
python .claude/scripts/ai_context_analyzer.py --test

# Knowledge Base
python .claude/scripts/knowledge_base.py --search "password reset"
python .claude/scripts/knowledge_base.py --add-sample

New Environment Variables

# Security (auto-generated on first run)
CREDENTIAL_MASTER_KEY=<generated>
AUDIT_SIGNING_KEY=<generated>
JWT_SECRET=<set-for-production>

# AI Analysis
ANTHROPIC_API_KEY=your_anthropic_key

🛡 Safety & Rate Limiting

Touch Limits (Per Person)

Target	Max/Day	Max/Week	Total	Cool-Off
Person	2	5	8	7 days
Brand	1	3	6	14 days
Influencer	1	2	5	14 days
Executive	1	2	4	21 days

Platform Rate Limits

Platform	Action	Daily Limit	Delay
LinkedIn	Connections	20	2-10 min
LinkedIn	Messages	50	2-10 min
Twitter	Follows	50	1-5 min
Twitter	DMs	50	1-5 min
Instagram	Follows	30	1.5-7 min
Instagram	DMs	30	1.5-7 min
Gmail	Emails	100	1-3 min

Key Principles

Never spam - Max 2 touches per day per person
Warm-up first - Follow and engage BEFORE sending DMs
Platform gaps - Wait 24+ hours between platforms
Stop on response - Immediately pause when they reply
Human-like delays - Randomized timing to avoid detection

🔧 10x-Browser Extension Integration

The ClaudeKit Browser Extension handles social platform automation for LinkedIn, Twitter, and Instagram.

Extension Location

C:\Users\Anit\Downloads\10x-Browser Extension

Supported Actions

Platform	Actions
LinkedIn	Connect, message, view profiles, like posts, comment
Twitter	Follow, DM, like tweets, reply, retweet
Instagram	Follow, DM, like posts, comment, story replies

How It Works

Install the ClaudeKit Browser Extension in your browser
The extension receives commands from the 10x-Outreach System
Extension performs actions on LinkedIn, Twitter, Instagram
Results are sent back to the system for tracking

🐛 Troubleshooting

Canvas not starting?

cd canvas && npm install && npm run dev -- --port 3000

Browser Extension not working?

Verify the extension is installed in your browser
Check that the extension path is correct: C:\Users\Anit\Downloads\10x-Browser Extension
Ensure you're logged into LinkedIn/Twitter/Instagram in your browser

Gmail issues?

Check OAuth2 credentials in .env
Run /outreach to re-authenticate
Verify token hasn't expired

📄 License

MIT License - Free to use, modify, and distribute.

Built with Claude Code

Report Bug • Request Feature

Name		Name	Last commit message	Last commit date
Latest commit History 1 Commit
.claude-plugin		.claude-plugin
.claude		.claude
browser-extension		browser-extension
output/workflows		output/workflows
scripts		scripts
tldraw-canvas		tldraw-canvas
.env.example		.env.example
.gitignore		.gitignore
.nvmrc		.nvmrc
CLAUDE.md		CLAUDE.md
QUICK_START.md		QUICK_START.md
README.md		README.md
SETUP-GUIDE.md		SETUP-GUIDE.md
install.ps1		install.ps1
install.sh		install.sh
mcp-servers.example.json		mcp-servers.example.json
package.json		package.json
requirements-video.txt		requirements-video.txt
requirements.txt		requirements.txt
setup.js		setup.js
setup.py		setup.py
setup_100x.py		setup_100x.py

Folders and files

Latest commit

History

Repository files navigation

10x Outreach Skill

What is This?

🚀 One-Line Installation

macOS / Linux

Windows (PowerShell)

Manual Installation

Requirements

Configuration

⚡ Quick Start

Step 1: Start the Visual Canvas

Step 2: Design Your Workflow

Step 3: Execute Your Workflow

🎨 TLDraw Canvas

Canvas Features (Official TLDraw SDK)

Basic TLDraw Usage

Export Options

📋 Commands

Core Commands

Platform Commands

Email Commands

Discovery & Management Commands

🛠 Skills

📝 Templates

Using Templates

🔄 Pre-Built Workflows

⚙️ Setup

Requirements

Environment Variables

Gmail Setup

🏗 Architecture

📁 Project Structure

🏢 IT Operations Support

Core IT Features

Enterprise Features

SLA Definitions

IT Support Commands

New Environment Variables

🛡 Safety & Rate Limiting

Touch Limits (Per Person)

Platform Rate Limits

Key Principles

🔧 10x-Browser Extension Integration

Extension Location

Supported Actions

How It Works

🐛 Troubleshooting

Canvas not starting?

Browser Extension not working?

Gmail issues?

📄 License

About

Topics

Resources

Uh oh!

Stars

Watchers

Forks

Releases

Packages 0

Uh oh!

Contributors

Uh oh!

Languages

Packages