A browser extension that tracks prompt iterations and AI responses across multiple LLM platforms, enabling users to version, branch, and manage their prompt evolution.
This extension helps users:
- Track prompt versions across ChatGPT, Gemini, and Claude
- Create branches from successful prompt versions
- Auto-save prompt iterations with manual checkpoint functionality
- Export/import prompt history for backup and sharing
- Navigate through prompt evolution with a clean sidebar interface
Goal: Establish basic extension structure and core functionality
- Project setup with manifest.json (Manifest V3)
- Basic extension architecture with content scripts
- Local storage system for prompt versions
- Core data models (Prompt, Version, Branch, Response)
- Basic UI framework setup
- Browser extension fundamentals
- Storage API implementation
- Event system architecture
- Security and permissions setup
Goal: Full prompt tracking functionality for ChatGPT
- ChatGPT DOM detection and manipulation
- Automatic prompt change detection
- Manual checkpoint creation
- Response capture and association
- Basic sidebar UI for version history
- Prompt replacement functionality
- Content script injection for chat.openai.com
- Text change detection algorithms
- DOM mutation observers
- Initial UI components
- Auto-versioning: Track every prompt submission
- Manual Checkpoints: User-defined important versions
- Response Tracking: Capture AI responses with prompts
- Version Navigation: Click to restore previous prompts
- Branch Creation: Start new iteration from any version
Goal: Extend functionality to Gemini and Claude
- Gemini (bard.google.com) integration
- Claude (claude.ai) integration
- Platform-agnostic architecture
- Unified UI across platforms
- Cross-platform prompt format standardization
- Platform detection system
- Adapter pattern for different DOM structures
- Consistent API across platforms
- Shared component library
Goal: Sophisticated branching and organization features
- Advanced branching system
- Version tagging and naming
- Search functionality within prompt history
- Diff visualization between versions
- Merge functionality for branches
- Tree-based version structure
- Search and indexing algorithms
- Visual diff algorithms
- Complex state management
- Smart Branching: Create branches from any point in history
- Version Comparison: Side-by-side diff view
- Tagging System: Organize versions with custom tags
- Search & Filter: Find specific prompts quickly
- Merge Capabilities: Combine successful elements from different branches
Goal: Polished user interface and experience
- Advanced sidebar with collapsible sections
- Visual prompt timeline
- Drag-and-drop organization
- Keyboard shortcuts
- Dark/light theme support
- Accessibility improvements
- Advanced CSS and animations
- Keyboard navigation
- ARIA accessibility standards
- Performance optimization
Goal: Comprehensive data handling and portability
- Export functionality (JSON, CSV formats)
- Import functionality with validation
- Bulk operations (delete, tag, move)
- Storage optimization and cleanup
- Data migration tools
- File handling APIs
- Data validation and sanitization
- Storage optimization algorithms
- Backward compatibility
Goal: Power user features and integrations
- Template system for common prompts
- Analytics dashboard (usage patterns)
- Collaboration features (share prompt chains)
- Integration with external tools
- Custom prompt evaluation metrics
- Advanced data analytics
- Sharing and collaboration APIs
- External API integrations
- Performance metrics
- Platform Adapters: Separate adapters for ChatGPT, Gemini, Claude
- DOM Managers: Handle platform-specific DOM manipulation
- Event Listeners: Detect prompt changes and submissions
- Storage Manager: Handle all data persistence
- Event Coordinator: Manage communication between components
- Export/Import Handler: Data portability features
- Version Tree Component: Visual representation of prompt history
- Search Interface: Find and filter prompts
- Settings Panel: Extension configuration
{
sessions: {
[sessionId]: {
platform: 'chatgpt|gemini|claude',
created: timestamp,
versions: [versionId],
branches: [branchId]
}
},
versions: {
[versionId]: {
prompt: string,
response: string,
timestamp: number,
parentVersion: versionId,
isCheckpoint: boolean,
tags: [string]
}
}
}- Node.js 16+
- Chrome/Firefox browser for testing
- Code editor with JavaScript/TypeScript support
npm install
npm run build
npm run dev # Development mode with hot reloadnpm run test # Unit tests
npm run test:e2e # End-to-end tests
npm run lint # Code linting- Project structure and documentation
- Development roadmap planning
- Basic extension manifest and architecture
- Implement basic extension structure (Phase 1)
- Create ChatGPT content script (Phase 2)
- Build storage system for prompt versions
- Develop sidebar UI components
- Use TypeScript for type safety
- Follow established naming conventions
- Write comprehensive tests for new features
- Document complex algorithms and data flows
- Feature branches for new functionality
- Descriptive commit messages
- Pull request reviews required
MIT License - see LICENSE file for details
- Successfully track prompts on ChatGPT
- Users can navigate version history
- Data persists across browser sessions
- Works consistently across all three platforms
- Advanced branching system operational
- Search functionality performs well
- Professional UI/UX experience
- Robust export/import functionality
- Power user features fully implemented
Last Updated: August 27, 2025