Skip to main contentJohn Click | Senior IT Solutions Engineer · Former White House Staff · Photographer | John Clicks - Portfolio
PLATFORM ENGINEERING | AI SYSTEMS | PUBLIC SERVICE
PHOTOGRAPHY | SRE & DEVOPS | LEADERSHIP

I build infrastructure that empowers teams and ship systems that scale.

Diverse teams with unique backgrounds drive social change & progress.

  • Cloud
  • Ideas
  • Code
Google Singapore Lego wall — photo by John Click

Projects


Personal & Professional

Check this space for current personal and work projects I'm working on.

SXSL illuminated letters at the White House — photo by John Click

Work Samples


Showcased Work Products

Selection demonstrating my history of work across various technology, political, and non-profit sectors.

Project N95 Stars and Stripes logo

Design Portfolio


Highlighted Designs

Selection of visual asset designs I've created

Rainbow lights illuminate the White House

Events Portfolio


Campaign & Event Design

15+ years designing high-stakes spatial experiences for the White House and presidential campaigns.

Experience

My diverse interests often take me to the places, the technology, the teams and organizations where I believe my efforts will have the most significant impact.

Click any role to expand details.
EMPLOYERROLEDATES

Featured Work

Selected projects and initiatives that demonstrate impact across AI systems, cloud infrastructure, and technical leadership.

  • JohnClick.dev — Developer Blog

    Developer blog and portfolio site built with Gatsby, Notion as headless CMS, and Netlify deployment. Showcases technical writing, code samples, and career knowledge graph.

  • JohnClicks.com — Professional Portfolio & Brand Hub

    Primary personal brand site. Editorial portfolio, work history, photography, and blog. Currently a static HTML5UP Spectral template with a Gatsby migration underway using Notion as headless CMS.

  • JohnClick.ai — AI Portfolio & 3D Knowledge Graph

    Interactive 3D knowledge graph visualizing career, projects, and skills as an explorable force-directed node graph. Built with Next.js, react-force-graph-3d, and Notion as CMS. Includes AI chat powered by Claude Haiku.

  • Context Engineering — Confluence Knowledge Base

    Built a 242-page Confluence knowledge base across 5 spaces — the #1 most-viewed article org-wide. Covers context engineering, Google Workspace change management, and AI adoption evangelism.

  • GeminiCLI Security Bug: Enterprise OAuth Bypasses Workspace Admin API Controls (GitHub #12121)

    Discovered and filed a P1 security bug (GitHub #12121) proving Gemini CLI's OAuth flow bypasses Google Workspace Enterprise Admin API controls. Added to official public roadmap.

  • GWS IaC Nexus: Multi-Agent Workflow System (Monorepo)

    158-ADR multi-agent monorepo coordinating 15 concurrent AI agents for Google Workspace infrastructure-as-code. Policy enforcement, DLP, Chrome management, and multi-agent orchestration.

  • AI Prompt Library Portal (Apps Script)

    Enterprise-grade web app enabling employees to discover, share, and manage AI prompts for Google Workspace applications. Built on Apps Script with Sheets as DB.

  • Cloud Shell Multi-Workspace GAM & Gemini CLI

    Multi-workspace GAM and Gemini CLI environment in Google Cloud Shell. Enables cross-domain Google Workspace administration and AI-assisted operations.

  • Agentic Developer Toolkit

    Enterprise-grade Claude plugin with 13 hook families, UEAH v3 attribution, and prompt injection defenses. Deployed as the org's standard agentic developer toolkit.

  • Confluence Knowledge Base Portfolio (242 pages across 5 spaces)

    Comprehensive Confluence portfolio: 242 pages across 5 spaces, 3,500+ views, 800+ distinct readers, 40%+ org reach, ~$14,500 estimated value, ~290 hours saved. #1 ITHELP contributor.

  • GCP + GWS Chrome DevOps Policy-as-Code

    Policy-as-code framework for GCP and Google Workspace Chrome DevOps. Declarative browser policy enforcement, DLP rules, and extension management at enterprise scale.

  • Google Workspace MCP Server

    MCP server implementation enabling AI agents to interact with Google Workspace APIs. Connects Claude, Gemini, and other LLMs to Gmail, Drive, Calendar, and Admin SDK.

  • Agentic Engineering Knowledge Base (18 pages)

    18-page deep technical docs: multi-agent workflows, Cursor IDE, MCP integration, agent skills, CLI sub-agents, 1Password hooks. 536 views, 141 viewers.

  • Prompt Injection Defenses

    Prompt injection defense patterns for enterprise AI deployments. Input sanitization, output guardrails, and adversarial testing frameworks for Claude and Gemini integrations.

  • Confluence Knowledge Base — Developer Productivity & Agentic Engineering Docs

    24 articles on Cursor IDE, multi-agent workflows, MCP integration, agentic harness architecture. 536 views, 141 unique viewers. Flagship: Multi-Agent Workflows (125 views, 18 viewers).

  • Token Circuit Breakers

    Token budget management and circuit breaker patterns for multi-agent AI systems. Prevents runaway API costs and context window exhaustion across concurrent agent workflows.

  • Calendar Resource Manager (Apps Script)

    Apps Script automation for Google Workspace calendar resource management. Conference room decommissioning, bulk resource updates, and calendar administration tooling.

  • Run Gemini CLI (GitHub Actions + GitLab CI/CD)

    Event-driven Gemini CLI automation via GitHub Actions and GitLab CI/CD. Extensible pipeline for AI-assisted code review, documentation generation, and security scanning.

  • GSheet GDrive Manifest Apps Script

    Google Apps Script tool generating Google Drive file manifests into Sheets. Automated inventory, metadata extraction, and organizational auditing for shared drives.

  • GitLab Apps Script CI/CD Pipeline Template

    Reusable GitLab CI/CD pipeline template for deploying Google Apps Script projects via CLASP. Enables version-controlled, automated deployments of Apps Script code from GitLab to Google Workspace.

  • Made in America — Manufacturing Facility Presidential Event

    Presidential advance logistics for a Made in America manufacturing facility event. Site builds, security coordination, press staging, and VIP movement at an active production facility.

  • Labor Rally Event Design — Harris/Walz Campaign

    Designed and staged a Harris/Walz campaign labor rally in Philadelphia. Large-scale event production including crowd flow, press risers, staging, and VIP logistics.

  • Harris/Walz Campaign Denim Jacket — Team Wearable Design

    Harris/Walz campaign team denim jacket — a wearable design project fostering team identity among campaign advance staff. Custom embroidery and collaborative design process.

  • Cross-Domain Contact & Calendar Sync

    Cross-domain contact and calendar synchronization tool for Google Workspace. Bridges personal and enterprise accounts for unified scheduling and contact management.

  • DevOps Agentic Workflow Nexus

    Central hub connecting Cursor, GWS, GCP, AWS, Atlassian via MCP for agentic DevOps workflows.

  • Gemini CLI Cloud Shell Environment

    Gemini CLI environment provisioned in Google Cloud Shell. Multi-workspace configuration for AI-assisted Google Workspace administration and scripting.

  • Agentic ADR Discipline

    Architecture Decision Record discipline applied to multi-agent AI development. Structured governance for schema changes, migrations, and infrastructure decisions.

  • Context Engineering Research Collection

    Curated collection of context engineering research artifacts. Deep research outputs from Claude and Gemini on prompt engineering, agentic workflows, and knowledge management.

  • Agentic Developer Toolkit (Monorepo)

    Central monorepo housing 42+ agent skills, ADRs, architecture docs, runbooks, and research guides for AI-assisted development workflows across Cursor, Claude, and Gemini platforms.

  • MCP Directory (AI Directory App)

    AI model directory application cataloging MCP servers, AI models, and agent configurations. Built to support discovery and comparison of AI tooling across the ecosystem.

  • Context Engineering — Confluence Documentation (RC Space)

    Context engineering documentation published in the RC Confluence space. Part of the 242-page portfolio covering AI engineering practices and prompt design methodology.

  • Confluence Knowledge Base — Google Workspace Change Management Hub

    Google Workspace change management hub in Confluence. 107 ITHELP pages, structured knowledge base for enterprise GWS administration, policy updates, and user training.

  • Confluence Knowledge Base — AI Adoption Evangelism Portfolio

    AI adoption evangelism portfolio within Confluence. Documentation driving enterprise AI tool adoption including Claude, Gemini, and NotebookLM deployment guides.

  • Context Engineering - Confluence Article (#1 Performer)

    Context Engineering Confluence article — the #1 most-viewed page org-wide. Establishes methodology for structured AI prompt design and knowledge management at enterprise scale.

  • UEAH v5: SOC 2 Compliance-Grade Attribution for AI-Generated Code

    Universal Edit Attribution Hash v5 — SOC 2 compliance-grade provenance tracking for AI-generated code. Cryptographic attribution for multi-agent development workflows.

  • Project N95 Headless CMS System Diagram

    System architecture diagram for Project N95's headless CMS. Visual documentation of the Shopify + Contentful + Airtable e-commerce platform serving pandemic PPE distribution.

  • Monorepo to NotebookLM

    Pipeline converting multi-agent monorepo documentation into NotebookLM for conversational querying. Bridges structured IaC knowledge with Google's AI research tool.

  • EMS GCN ’25 Feedback Session Tracker

    Feedback session tracker for Google Cloud Next 2025 EMS coordination. Post-event analysis tool capturing logistics insights and improvement opportunities.

  • GWS Knowledge Base and Change Management Hub

    Google Workspace Knowledge Base and Change Management Hub. Central resource for enterprise GWS administration, policy documentation, and organizational change management.

  • NIH RADx | Project N95 - 02.02.2021

  • Project N95 Headless CMS System Diagram

    System Diagram Explaining the system architecture for Project N95’s headless CMS front-end.

Skills & Areas of Focus

I bring a diverse toolkit across cloud infrastructure, AI engineering, public service, and creative work. Here are my core areas.

  • Platform & Cloud Engineering

    Digital Workplace strategy, enterprise Google Workspace administration, cloud platform operations, and infrastructure management at scale.

    GitHub | Google Cloud Platform (GCP) | AWS EFS | Docker | Google Cloud Storage | Stripe | MinIO | .Net | GCP Config Connector | GitLab | Microsoft Azure Cloud | Auth0 | Notion | AWS Cloud | Google Cloud Shell | ChatGPT | Claude | Google | Airtable - Stripe Integration | Google AI Studio | Airtable - Google Calendar Integration | Notion Integration - Github | Notion Integration - Google Drive | NotebookLM | Airtable - Gmail Integration | Google Shared Drive | Google Drive | Zendesk | Airtable - Slack Integration | Airtable - Google Drive Integration | Anthropic | Airtable - ZenDesk Integration | Google Cloud SQL | Vertex AI Studio | GCP Big Query | Google AlloyDB | GCP Application Design Center | Firebase Studio | Glean | Gemini | Shopify | ServiceNow | v0 (Vercel) | OpenRouter | LM Studio | Replicate | Supabase | Vercel | Hugging Face | Google Antigravity | OpenAI | Bolt.new (StackBlitz) | Ollama | Lovable | Gemini Enterprise | Gemini for Google Workspace

  • AI, Context & Prompt Engineering

    Building agentic AI workflows with frontier LLMs, MCP servers, and IDE-integrated agents. 40-60% dev velocity improvement, 85-95% AI task success rate.

    Perplexity | Gemini 2.5 | Claude | Claude 3.5 Sonnet | Gemini 1.5 | Model Context Protocol (MCP) | Gemini Gems | Claude 3.7 Sonnet | Gemini 2.0 | Replit | CrewAI |  LLMs |  Google Agentspace |  AI Agents | GenKit | Claude 4 Opus | Claude 4 Sonnet | Glean | Gemini | Grok | Cowork (Anthropic) | Gemini 2.5 Flash | Claude Sonnet 4.6 | GPT-4o | Claude Haiku 4.5 | Claude Opus 4.6 | Claude in Chrome | Claude in Excel | DeepSeek R1 | OpenAI o3 | Llama 4 | Gemini 2.5 Pro | Mistral Large | DeepSeek V3 | GPT-5.4 nano | OpenAI o3-pro | Gemini 3.1 Flash-Lite | Replit Agent | Gemini 3 Deep Think | GPT-5.4 mini | Gemini 3 Pro | OpenAI o3-mini | Qwen 2.5 | Gemini 3.1 Flash Image Preview | GPT-4.1 | GPT-4.5 | OpenAI o4-mini | Gemini 3 Pro Image Preview | GPT-5.4 Pro | Llama 3.x (Legacy) | GPT-5.3 Codex | Gemini for Google Workspace | Gemini 3 Flash | GPT-5.3 Instant | Gemini 3.1 Pro | GPT-5.4 | OpenAI o3-deep-research | Hooks

  • SRE & DevOps

    Site reliability engineering, blameless postmortems, CI/CD pipelines, and infrastructure automation.

    Grafana Loki | Datadog | Elast Alert | ELK Stack | Prometheus | Grafana | Alertmanager

  • Web Engineering

    Full-stack development from React frontends to Node.js backends, with headless CMS and 3D web experience.

    Python | Python Flask | React Native | Ruby | HTML | Python Fast API | Dart | Nest.js | Laravel | Rust | GraphQL | Python Django | CSS | PHP | React | Bash | Redux | Java | Flutter | Haskell | Javascript | Webpack Module Federation | Material UI | Typescript | Next.js | Go | Vue.js | Mermaid | Excalidraw | Google Apps Manager [GAM] | Model Context Protocol (MCP) | RSS | CrewAI |  Google Agentspace | Astro | Node Express | Angular | GenKit | DGraph | Gatsby | REST APIs | Hooks

  • Strategic Leadership

    Program management, stakeholder coordination, and operational leadership across government, tech, and nonprofit sectors.

    Oracle Database | Atlassian Jira | Basecamp | Gun.js | Neo4J | Vitess | Asana | MySQL | AWS DynamoDB | Hugo | Notion | n8n | AirFlow | WordPress | Influx | Airtable - Stripe Integration | Airtable - Google Calendar Integration | Airtable | Contentful | Airtable - Gmail Integration | Airtable - Slack Integration | Airtable - Google Drive Integration | Airtable - ZenDesk Integration | YouTube | GCP Big Query | Google AlloyDB | Vector DB |  Google Workspace Studio | Supabase

  • Event & Advance Operations

    Presidential-level event logistics, Secret Service coordination, and high-stakes operational planning across 3 administrations.

  • Systems & Security

    Network administration, security operations, and enterprise system design for organizations of all sizes.

    Wordfence | CIS Benchmarks | Popeye  | Passport.js | WireGuard

  • Photography

    Documentary and landscape photography across national parks, the White House, and Silicon Valley. Each frame tells a story of place and purpose.

Writing

Technical articles on prompt engineering, AI systems, and context engineering.
Subscribe on Substack for new posts.

Get in touch

Reach out to me to partner, collaborate, or just to say hullo!