Page	Type	Brand	Status	Links
TS Portfoliocx-io/tommy-saunders-portfolio.html	Portfolio	Tommy Saunders	● Live	Open ↗
Personal Brandcx-io/tommy-saunders-personal-brand.html	Brand	Tommy Saunders	● Live	Open ↗
Intelligent Operations Websitecx-io/io-website.html	Company	Intelligent Operations	● Live	Open ↗
IO Company Landingcompany-taste-maker-landing.html	Landing	Intelligent Operations	● Live	Open ↗
Company Profilecompany-taste-maker-profile.html	Profile	Intelligent Operations	● Live	Open ↗
Style Tastemaker v2portfolio-taste-maker-v2.html	Tool	Portfolio.OS	● Live	Open ↗
Portfolio Generatorportfolio-generator_2.html	Tool	Portfolio.OS	● Live	Open ↗
IO Operating Systemtommy-saunders/io-operating-system.html	OS	Tommy Saunders	● Live	Open ↗
IO File Navigatorio-chat-file-navigator.html	Nav	Tommy Saunders	● Live	Open ↗

04 — Blog Homepage

Notion-powered · AI-assisted

How AI Is Reshaping Creative Production for Independent Founders

The tools that once required entire agencies — brand strategy, content production, visual identity — are now available to a single founder with the right systems. Here's what the shift looks like from the inside.

Tommy Saunders March 2026 8 min read

Read Article →

Founder Ops

Building Your Personal Brand OS in 2026

From brand voice to content calendar — how Nate built a complete AI-powered identity system without a single agency invoice.

TSFeb 20266 min

Read →

Video & Production

Why Kansas City Is the Next Creative Capital

Intelligent Operations's origin story: why Nate bet on KC, what the local ecosystem actually looks like, and where it's headed.

TSJan 20265 min

Read →

AI Tools

The 12-Prompt Workflow That Runs My LinkedIn

The exact prompt templates, cadence, and Claude-powered workflows behind a 2,100-follower LinkedIn presence — fully automated.

TSDec 20257 min

Read →

Strategy

Positioning as a Creative Director in the Age of AI

The skills that still matter, the ones that don't, and how to articulate your edge when everyone has access to the same tools.

TSNov 20259 min

Read →

Notion + AI

Using Notion as Your Content Command Center

How to wire Notion to your Claude workflows so content goes from raw idea to published article with minimal friction.

TSOct 20256 min

Read →

Intelligent Operations

Shooting Brand Films for Less Than $2K in 2026

Production gear, AI scripting, editing workflows, and how Intelligent Operations delivers quality results at founder-friendly budgets.

TSSep 20258 min

Read →

05 — Article Tastemaker

Notion × Claude × Author.io

Notion Integration

Connect your Notion workspace to the Article Tastemaker to pull in drafts, knowledge base content, and research directly into Claude-powered article generation workflows.

Notion Database Sync — Pull article drafts, content briefs, and research from any Notion database

Auto-tagging — AI reads your Notion properties and applies TS brand voice automatically

Inline Comments — Claude edits surface as Notion comments, never overwriting your originals

Publish Pipeline — Notion Draft → Claude Polish → Blog HTML → GitHub Pages

Bi-directional sync — Push article performance back to Notion for tracking

Connection Setup

🔗

Step 1 — Add Notion ConnectorIn Claude.ai Settings → Integrations → Notion. Authorize with your workspace. The Notion MCP connector is already available in this system.

📁

Step 2 — Create Article DatabaseIn Notion, create a database with properties: Title, Status (Draft/Review/Published), Category, TS Voice Approved (checkbox), Publish Date, Word Count.

⚡

Step 3 — Wire the PromptUse the Article Polish prompt from the Prompt Templates section below with the page ID from Notion. Claude will fetch, rewrite, and return polished content.

JavaScriptarticle-tastemaker-api.js
// Article Tastemaker — Notion → Claude Pipeline
// Fetches Notion page, polishes with TS voice, returns HTML-ready article

const response = await fetch("https://api.anthropic.com/v1/messages", {
  method: "POST",
  headers: { "Content-Type": "application/json" },
  body: JSON.stringify({
    model: "claude-sonnet-4-6",
    max_tokens: 4000,
    system: `You are Tommy Saunders's editorial AI. TS voice: Direct, Strategic,
Founder-First, KC-grounded, quietly confident. Never use corporate buzzwords.
Write like a creative director who's done the work. Always output clean
semantic HTML with Tommy's Cormorant/Syne type system class names.`,
    messages: [{
      role: "user",
      content: `Polish this article draft into Tommy's brand voice. 
      Source (from Notion): \${notionPageContent}
      Target: 800-1200 words, punchy lede, 3-4 subheads, strong close.
      Return as article HTML with classes: .article-title, .article-lede, 
      .article-body, .article-pullquote`
    }],
    mcp_servers: [{
      type: "url",
      url: "https://mcp.notion.com/mcp",
      name: "notion-mcp"
    }]
  })
});

const data = await response.json();
const article = data.content[0].text;

06 — Author Profile

Author.io × TS

Tommy Saunders

Director & Creative Producer · Intelligent Operations · Intelligent Operations

Tommy Saunders is a Kansas City–based creative director with 9+ years building brand systems, video content, and AI-powered production workflows for founders and growing companies. He runs Intelligent Operations, a content agency built around the belief that big ideas shouldn't require big budgets. He writes about the intersection of creative production, AI tools, and founder operations.

Yrs Exp

2.1K

Articles

Companies

Creative Direction AI Production Brand Strategy Video Content Founder Ops Kansas City Intelligent Operations

✍️

Author.io Integration Author.io provides a hosted author profile page at author.io/tommysaunders. Add the profile ID nr-motion-co to any blog post's metadata to automatically surface the full author card, headshot (from Supabase), bio, and social links on every article. Update once in Author.io — syncs everywhere.

07 — Knowledge Base

TS × Notion-backed

🧠

How This Works The Knowledge Base is the authoritative source for Tommy's brand voice, process documentation, client frameworks, and research. Every AI prompt in this OS references these docs. Stored in Notion, synced to Claude Projects via the Notion MCP connector. Update Notion → Claude re-reads on next prompt.

Brand

TS Brand Voice Guide

Complete voice & tone documentation — 12 attributes, dos/don'ts, example phrases, anti-examples. Used by all Claude prompts to maintain consistency across every touchpoint.

notion · brand-voice-guide

Updated March 2026 · 2,400 words

Process

Intelligent Operations Production Playbook

End-to-end content production process — pre-pro checklist, shoot day flow, post-production standards, delivery formats. Used for client onboarding and AI brief generation.

notion · production-playbook

Updated Feb 2026 · 3,100 words

ICP

Ideal Client Profile

Tommy's target client definition — founder-led companies $1M-$20M revenue, need video content and brand strategy, budget $5K-$50K projects. Psychographic and firmographic detail.

notion · ideal-client-profile

Updated Jan 2026 · 1,800 words

Content

LinkedIn Content Strategy

Full LinkedIn playbook — posting cadence, content pillars (Creative Ops, AI Tools, Founder Life, Intelligent Operations Work), hook formulas, engagement tactics for 2.1K → 10K growth path.

notion · linkedin-strategy

Updated March 2026 · 2,200 words

Tech

IO System Architecture Docs

Technical documentation for the full IO system — Supabase schema (19 tables), GitHub Pages deploy process, Claude API integration patterns, Notion MCP setup.

notion · system-architecture

Updated March 2026 · 4,500 words

Research

Market Research: AI × Creative

Competitive landscape research — IO competitor analysis, market sizing for AI-powered creative tools, positioning gaps TS can own. Updated quarterly by Perplexity + Claude workflows.

notion · market-research

Updated Feb 2026 · 3,800 words

08 — Prompt Templates

12 TS workflows

LinkedIn · Content

Thought Leadership Post

You are Tommy Saunders's content AI. Tommy's voice: direct, grounded, quietly confident. No buzzwords. Write a LinkedIn post about [TOPIC] from the perspective of a KC creative director who has 9+ years building brands for founders. Format: Strong hook (1 line), 3-4 short paragraphs, CTA question. Max 220 words.

~220 words

Brand · Strategy

Brand Audit for Client

Conduct a brand audit for [CLIENT NAME], a [INDUSTRY] company. Evaluate: brand voice consistency, visual identity coherence, target audience alignment, competitive differentiation, and digital presence. Output: Executive summary, 5 strengths, 5 gaps, 3 priority recommendations. Use Tommy's strategic, founder-first lens.

Article · Blog

Article Polish

Polish the following article draft into Tommy's brand voice. The article is from Notion: [PASTE CONTENT]. Target: 800-1200 words, punchy lede, 3-4 subheads using em-dashes, strong closing CTA. Maintain all facts. Elevate language — never corporate, never flowery. KC founder energy throughout.

Portfolio · Bio

AI Bio Generator

Write a professional bio for Tommy Saunders based on: [LINKEDIN DATA]. Three versions: (1) 50-word super-short for headers. (2) 150-word mid-length for portfolio. (3) 300-word long-form for press/speaking. All three: Direct. Specific. No "passionate" or "innovative." Lead with the work, not the journey.

Video · Intelligent Operations

Video Brief Generator

Create a production brief for a brand video for [CLIENT]. Include: creative concept (3 angles), shot list (10 key shots), messaging hierarchy, music direction, style references, deliverable specs (social cuts 9:16 + 16:9, web hero). Budget-conscious framing for founder-led companies.

Strategy · Positioning

Competitive Positioning Map

Map the competitive landscape for TS / Intelligent Operations in [MARKET]. Identify: 5 direct competitors, positioning axes (X: price range, Y: production quality), where each sits, and the white space TS can own. Output as both a written analysis and a text-based 2x2 chart. Include one-paragraph positioning recommendation.

Email · Outreach

Cold Outreach Email

Write a cold outreach email from Tommy Saunders to [TARGET: founder/CMO] at [COMPANY]. Context: [HOW TS FOUND THEM]. Offer: a 30-minute brand video strategy call. TS tone: peer-to-peer, zero fluff. Subject line (3 options). Body: 3 sentences max. PS line optional. Never say "I hope this finds you well."

Proposal · Business

Client Proposal Framework

Build a proposal framework for Intelligent Operations responding to [CLIENT BRIEF]. Structure: (1) Our understanding of your challenge. (2) Proposed approach — 3 phases. (3) What you get (deliverables list). (4) Investment (range: $[X]-$[Y]). (5) Why Intelligent Operations / Why Nate. Keep it to one page, no agency-speak.

Ideation · Creative

12-Idea Content Sprint

Generate 12 content ideas for Tommy Saunders across these pillars: (1) Creative Ops [4 ideas], (2) AI Tools for Founders [4 ideas], (3) Intelligent Operations Behind-the-Scenes [2 ideas], (4) KC City Perspective [2 ideas]. Each idea: Title + 1-sentence hook + ideal format (post/video/article). TS energy. No generic startup content.

Repurpose · Distribution

Content Repurposing Engine

Repurpose the following long-form content: [PASTE ARTICLE OR TRANSCRIPT]. Create: (1) 3x LinkedIn posts (carousel, single-image, text-only), (2) 3x short video scripts (60-sec), (3) 5x micro-posts for Stories/threads, (4) 1x email newsletter section. Maintain TS voice throughout all formats.

Design · Visual

CSS Design Token Generator

Generate a complete CSS design token system for a brand with these attributes: [BRAND NAME], [PRIMARY COLOR HEX], [MOOD: e.g. editorial/corporate/playful]. Output: CSS custom properties for colors, typography scale (serif + sans + mono), spacing system, border radius, shadow levels. Match the TS × Carbon system structure.

Supabase · Data

Profile Data Query

Write a Supabase query to fetch all portfolio data for user [USER_ID] including: profile info, work samples with signed photo URLs, skills array, and most recent 5 testimonials. Join the profiles, work_samples, and testimonials tables. Include the storage bucket URL construction for photos. Return as typed TypeScript.

09 — AI Agents — Connection Guide

6 wired · connect your own

⚙️

How to Connect an Agent to This Site All agents connect via the Anthropic API (api.anthropic.com/v1/messages). The site already handles auth — your API key is never passed from the client. Add your Claude API key to the Supabase secrets table or use GitHub Secrets for server-side calls. Each agent below has its system prompt pre-loaded with Tommy's brand voice.

✦

Content Writer

Generates LinkedIn posts, articles, and email copy in Tommy's voice. Fed by the Knowledge Base and Prompt Templates. Live in the IO Operating System.

LinkedIn PostArticleEmail

◈

Brand Compass

Runs brand audits, generates positioning analysis, and outputs strategic recommendations. Powered by the Brand Voice Guide KB doc.

Brand AuditPositioningVoice Check

⊙

Style Tastemaker

Generates CSS design token systems from brand briefs. 6 presets + custom AI generation. Live at the Style Playground.

CSS TokensFont PairingColor System

❋

Bio Generator

Creates 3-tier professional bios (50 / 150 / 300 words) from LinkedIn data exports. Powers the Portfolio Generator onboarding flow.

LinkedIn Data3 Bio TiersExport

◉

Article Tastemaker

Fetches Notion drafts via MCP, polishes to TS voice, and returns publish-ready HTML. Includes SEO meta generation and Author.io card injection.

Notion MCPArticle PolishSEO Meta

◆

Ideation Suite

Generates 12 content ideas across Tommy's 4 content pillars. Refresh on demand. Outputs structured JSON for the card grid UI.

12 IdeasPillar MapJSON Output

JavaScriptconnect-agent.js
// Template: Connect any agent to this site
// Replace SYSTEM_PROMPT with the agent's role + TS brand voice context

async function runAgent(userInput, agentType) {
  const systemPrompts = {
    content: `You are Tommy's content writer. Voice: Direct, Strategic, Founder-First.
      No buzzwords. KC energy. Always deliver complete, ready-to-post output.`,
    brand: `You are Tommy's brand strategist. Evaluate with a creative director's eye.
      Output structured analysis with clear actionable recommendations.`,
    article: `You are Tommy's editorial AI. Polish to TS voice. Return semantic HTML.
      Class names: .article-title .article-lede .article-body .article-pullquote`
  };

  const res = await fetch("https://api.anthropic.com/v1/messages", {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({
      model: "claude-sonnet-4-6",
      max_tokens: 1000,
      system: systemPrompts[agentType],
      messages: [{ role: "user", content: userInput }]
    })
  });
  const data = await res.json();
  return data.content[0].text;
}

10 — Supabase Media Setup

Photos · Assets · Profiles

Step-by-Step: Photos

Create a Storage Bucket

In Supabase Dashboard → Storage → New Bucket. Name it profile-media. Set to Public for portfolio photos. Enable RLS policy: authenticated users can upload, anyone can read.

Upload Your Photos

Upload via Dashboard UI or use the JS client: supabase.storage.from('profile-media').upload('nr/headshot.jpg', file). Organize with folders: nr/, motion-co/, work-samples/.

Get the Public URL

Every file gets a permanent URL: https://[project].supabase.co/storage/v1/object/public/profile-media/nr/headshot.jpg. Use this directly in HTML img src tags or store in the profiles table.

Wire to Portfolio

In the profiles table, add column avatar_url TEXT. On page load, fetch: supabase.from('profiles').select('avatar_url').eq('id', userId). Set as img.src attribute.

Storage Schema

Bucket: profile-media

Structure: nr/headshot.jpg · nr/cover.jpg · motion-co/logo.svg · work-samples/project-name.jpg

Bucket: blog-media

Structure: articles/article-slug/hero.jpg · articles/article-slug/inline-01.jpg. Used by the Article Tastemaker for auto-inserting images.

Signed URLs for Private Media

For client work that's not public: supabase.storage.from('private-work').createSignedUrl('path', 3600). Expires in 1 hour — perfect for portfolio previews.

Connect to Author.io

In Author.io profile settings, add your Supabase public URL for headshot: https://[project].supabase.co/storage/v1/object/public/profile-media/nr/headshot.jpg. Author cards auto-update.

JavaScriptsupabase-media.js
// Supabase: Fetch Tommy's portfolio media and inject into page
import { createClient } from '@supabase/supabase-js'

const supabase = createClient(
  'https://[YOUR-PROJECT].supabase.co',
  '[YOUR-ANON-KEY]'
)

// Fetch profile with photo URL
const { data: profile } = await supabase
  .from('profiles')
  .select('*, avatar_url, cover_url')
  .eq('slug', 'tommy-saunders')
  .single()

// Inject into page
document.querySelector('.hero-avatar').src = profile.avatar_url
document.querySelector('.hero-cover').style.backgroundImage = 
  `url(\${profile.cover_url})`

// Fetch work samples with photos
const { data: samples } = await supabase
  .from('work_samples')
  .select('title, category, thumbnail_url, description')
  .eq('profile_id', profile.id)
  .order('featured', { ascending: false })
  .limit(6)

// Generate storage URL for any file
const getMediaUrl = (path) =>
  supabase.storage.from('profile-media').getPublicUrl(path).data.publicUrl

11 — Chrome Extension

TS × IO · 8 features

🔌

IO Chrome Extension — TS Edition The IO Chrome Extension sits in your browser and connects to all TS's AI workflows without opening a new tab. Works on LinkedIn, Gmail, Notion, and any text field. Install from the Chrome Web Store or load unpacked from the GitHub repo.

✍️

Quick Post Writer

Highlight any text on LinkedIn → right-click → "Write TS post from this." Generates a complete post in TS voice instantly.

🎨

Style Capture

Click any website → extension extracts CSS color palette, fonts, spacing. One-click export to the Style Tastemaker as a new preset.

🧠

Brand Voice Checker

Paste any text → extension scores it against Tommy's brand voice guide. Green/amber/red rating + specific improvement suggestions.

📋

Prompt Quick-Fire

Pop-up panel with all 12 TS prompt templates. Fill [brackets], fire to Claude, copy output. Never leave the page you're on.

💾

Content Clipper

Save any web content directly to the TS Notion Knowledge Base with one click. Adds URL, excerpt, and auto-tags. Zero friction research capture.

📸

Screenshot to Supabase

Capture any page or element → auto-upload to the TS Supabase media bucket with auto-generated filename. Returns URL to clipboard immediately.

🔁

Content Repurposer

Select an article or video transcript → extension sends to Claude repurpose engine → returns 3 LinkedIn posts + 1 email blurb ready to use.

📊

LinkedIn Analytics Scraper

On any LinkedIn post page → captures impression, engagement, follower data → syncs to the TS Supabase analytics table for trend tracking.

JSONmanifest.json
{
  "manifest_version": 3,
  "name": "IO Extension — TS Edition",
  "version": "1.0.0",
  "description": "Tommy Saunders's AI toolkit — in every browser tab",
  "permissions": ["activeTab", "contextMenus", "storage", "scripting"],
  "host_permissions": ["https://api.anthropic.com/*", "https://*.supabase.co/*"],
  "action": { "default_popup": "popup.html", "default_icon": "icon-48.png" },
  "background": { "service_worker": "background.js" },
  "content_scripts": [{
    "matches": ["https://www.linkedin.com/*", "https://www.notion.so/*"],
    "js": ["content.js"]
  }]
}

12 — Design & Deploy

GitHub Pages · Supabase · CDN

Design System — TS Tokens

Colors: --gold #C9A84C · --cream #F2EDE4 · --ink #080808
Typography: Cormorant Garamond (display) · Syne (UI) · JetBrains Mono (code/labels)
Grid: 48px base grid · Carbon column system · 4px spacing scale
Motion: 160ms default · cubic-bezier(0.2, 0, 0.38, 0.9) Carbon easing
Effects: Film grain overlay · gold cursor · glow radials · glass backdrop
Dark theme first: ink background with gold/cream hierarchy

Open Style Playground ↗

Deploy Pipeline

Build locally in Claude.ai → export HTML files via present_files tool
Push to GitHub repo: TommySaunders-ai/intelligent-operations-docs
GitHub Pages auto-deploys from main branch to intelligentoperations.ai
Custom domain via Cloudflare — CNAME pointing to GitHub Pages URL
Supabase DB updates are live instantly — no deploy needed for data changes
CDN: All static assets cached via Cloudflare — global edge delivery

GitHub Repo ↗

New Page Checklist

Start from TS design tokens — copy CSS variables block from Style Tastemaker
Add to sitemap in this dashboard and the File Navigator
Wire any Claude API calls using the runAgent() template from Section 09
Add Supabase media calls if page needs photos (see Section 10)
Set <meta og:image> using Supabase cover photo URL
Add Author.io card if it's a blog/article page
Push to GitHub → auto-deploys in ~60 seconds

Performance Targets

Lighthouse Score: 90+ Performance · 100 Accessibility · 100 Best Practices
First Contentful Paint: under 1.2s on Cloudflare CDN edge
All fonts: Google Fonts with display=swap + preconnect link tags
Images: Supabase auto-transforms to WebP · serve at 2x for retina
Claude API calls: show skeleton loaders while generating — never block render
Mobile: All pages responsive at 320px minimum — sidebar collapses to hamburger