kayko

Kayko - Never Lose Your Prompts Again 🛡️

**Auto-save your LLM prompts locally. Complete privacy. Zero configuration.** [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](LICENSE) [![Chrome](https://img.shields.io/badge/Chrome-Compatible-green.svg)](https://www.google.com/chrome/) [![Edge](https://img.shields.io/badge/Edge-Compatible-blue.svg)](https://www.microsoft.com/edge)

🎯 Overview

Kayko solves the frustrating problem of losing carefully crafted prompts when browser tabs crash, pages refresh unexpectedly, or sessions timeout. This extension runs entirely on your local computer, ensuring complete privacy while providing seamless auto-save functionality across all major LLM platforms.

✨ Key Features

🔄 Auto-Save Functionality

🎨 Smart UI Design

📜 History Panel

🔒 Privacy & Performance

💾 Storage Management

🚀 Installation

Method 1: Load Unpacked (Development)

  1. Clone or download this repository
    git clone https://github.com/yourusername/kayko.git
    cd kayko
    
  2. Build the icon files (optional but recommended)
    npm install
    npm run build-icons
    

    If you skip this step, you’ll need to manually create PNG icons from icons/icon.svg at sizes: 16x16, 32x32, 48x48, and 128x128.

  3. Load the extension in Chrome/Edge
    • Open Chrome/Edge and navigate to chrome://extensions/
    • Enable “Developer mode” (toggle in top-right corner)
    • Click “Load unpacked”
    • Select the kayko directory
    • The extension is now installed! 🎉

Method 2: Install from Chrome Web Store

Coming soon - awaiting approval

📖 How to Use

Automatic Saving

  1. Visit any LLM website (ChatGPT, Claude, Gemini, etc.)
  2. Start typing in the chat textarea
  3. Notice the small Kayko icon appears on the right side
  4. Your prompt is automatically saved every 3 seconds
  5. The icon shows:
    • 🔵 Blue spinning animation while saving
    • ✅ Green checkmark when saved successfully

Viewing Saved Prompts

Method 1: Click the Kayko icon next to any textarea Method 2: Click the Kayko extension icon in your browser toolbar Method 3: Right-click the extension icon → “View saved prompts”

Using the History Panel

Managing Settings

Click the settings icon (⚙️) in the history panel to configure:

Export & Import

Export Prompts:

  1. Open the history panel
  2. Click “Export” at the bottom
  3. Prompts are saved as kayko-prompts-YYYY-MM-DD.json

Import Prompts:

  1. Open the history panel
  2. Click “Import” at the bottom
  3. Select a previously exported JSON file
  4. Prompts are merged with existing ones (no duplicates)

🌐 Supported Platforms

Kayko works on all major LLM platforms:

🔧 Technical Details

Architecture

kayko/
├── manifest.json           # Extension configuration (Manifest V3)
├── content.js             # Content script (textarea detection & auto-save)
├── content.css            # Icon styles
├── background.js          # Service worker (storage management)
├── sidepanel.html/css/js  # History panel UI
├── popup.html/css/js      # Extension popup UI
└── icons/                 # Extension icons (16, 32, 48, 128px)

Permissions

Storage

Performance

🛠️ Development

Project Structure

// content.js - Main auto-save logic
- Detects textareas on page
- Injects save icon
- Handles debounced saving
- Communicates with background script

// sidepanel.js - History management
- Displays saved prompts
- Search and filter functionality
- Export/import features
- Settings management

// background.js - Service worker
- Manages storage
- Updates badge count
- Handles side panel opening

Building for Production

# Install dependencies
npm install

# Build icons
npm run build-icons

# Package extension
npm run package

This creates dist/kayko-extension.zip ready for Chrome Web Store submission.

Customization

Change auto-save delay: Edit DEBOUNCE_DELAY in content.js (default: 3000ms)

Change max prompts: Edit default in background.js or use Settings UI (default: 100)

Add new LLM platform: Add domain to host_permissions in manifest.json

🤝 Contributing

Contributions are welcome! Please:

  1. Fork the repository
  2. Create a feature branch (git checkout -b feature/AmazingFeature)
  3. Commit your changes (git commit -m 'Add AmazingFeature')
  4. Push to the branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

🐛 Bug Reports & Feature Requests

Found a bug or have a feature idea? Please open an issue on GitHub.

⚠️ Known Limitations

📊 Privacy Policy

Kayko collects ZERO data. Everything stays on your computer:

🙏 Acknowledgments

📞 Support

Need help?


**Made with ❤️ for the AI community** [GitHub](https://github.com/yourusername/kayko) • [Report Bug](https://github.com/yourusername/kayko/issues) • [Request Feature](https://github.com/yourusername/kayko/issues)