Members-Only
Recent Talks & Demos are for members only
You must be an AI Tinkerers active member to view these talks and demos.
SidePC: Portable Prompt Architecture
Learn the engineering behind portable, structured prompts using a browser extension. See code for dynamic variable tokenization and DOM injection across different LLM interfaces.
Standard chat interfaces are silos. We’re all maintaining separate lists of “golden prompts” and manually editing placeholders like [INSERT CONTEXT] every time we switch between Claude, ChatGPT, or Gemini. This talk covers the engineering behind SidePC, a provider-agnostic browser extension built to treat prompts as portable, structured assets.
I will perform a hands-on code walk-through (vanilla JS/Manifest V3) focusing on the implementation of our portable prompt schema (.sidepc). This JSON-based architecture enables more than just text storage; it supports recursive folder hierarchies and dynamic variable tokenization. I’ll dive into the regex engine used to transform raw strings into interactive form inputs (dropdowns, file uploads) and the DOM injection logic required to bypass Content Security Policies (CSP) while simulating trusted events for React/Vue-based UIs. We’ll also examine the “Remote Sync” system that utilizes a Base ID versioning strategy, allowing teams to treat prompt libraries like Git repos for auto-updating team-wide workflows.