logo
0
0
WeChat Login

Quick Prompt

English | 中文

Quick Prompt Logo

A powerful browser extension focused on prompt management and quick input. Helps users create, manage, and organize prompt libraries, and quickly insert preset prompt content in any webpage input field, boosting your productivity.

Since browser extensions only work on web pages, I've open-sourced a functionally identical Raycast extension that's compatible with the browser extension's data format, allowing seamless migration using the same JSON data.

✨ Features

  • 📚 Prompt Management: Easily create, edit and manage your prompt library
  • 🚀 Quick Input: Quickly trigger the prompt selector by typing /p in any webpage input field
  • ⌨️ Support configurable keyboard shortcuts to open prompt selector & save selected text as prompts
  • 📑 Support right-click context menu to save selected text as a prompt
  • 🎯 Support customizing prompts with categories, titles, content, tags and variables
  • 🧑‍💻 Variable Support: Use variables in prompts with {{variable_name}} format, fill in specific values when using
  • 💾 Data Backup: Export and import your prompt library for easy cross-device migration and backup
  • 🔗 Cloud Sync: Support synchronizing prompt library with Notion database or Gitee/GitHub Gist
  • 🔍 Search and filter prompts functionality
  • 🌙 Automatically adapt to system light/dark theme

🚀 How to Use

  1. Quick Trigger: Type /p in any text input field on any webpage to trigger the prompt selector
  2. Keyboard Shortcut for Selector: Use Ctrl+Shift+P (Windows/Linux) or Command+Shift+P (macOS) to open the prompt selector
  3. Select a Prompt: Click on the desired prompt from the popup selector, and it will be automatically inserted into the current input field
  4. Quick Save Prompt: Select any text and use Ctrl+Shift+S (Windows/Linux) or Command+Shift+S (macOS) to quickly save it as a prompt
  5. Right-click Menu Save: Select any text, right-click and choose "Save this prompt" to save the selected content as a prompt
  6. Export Prompt Library: Click the "Export" button on the management page to save all your prompts as a JSON file locally
  7. Import Prompt Library: Click the "Import" button on the management page to import prompts from a local JSON file (supports merging with or replacing existing prompts)

📸 Screenshots

Quick Prompt offers an intuitive and user-friendly interface for managing and using prompts.

Prompt Selector

Prompt Selector

Prompt Selector

Use the /p shortcut command or keyboard shortcuts to quickly bring up the prompt selector in any input field, making it easy to select and insert the prompts you need.

Prompt Management Page

Prompt Management

In the management page, you can create new prompts, edit existing ones, add tags, and organize them by categories. The interface is clean and straightforward to use.

Right-click Context Menu

Context Menu

Simply select any text on a webpage and right-click to quickly save it as a prompt, enhancing your productivity.

Prompt Variable Input

Prompt Variable Dialog

Prompts support variable configuration. After selecting a prompt with variables, a dialog will pop up for entering the corresponding variable values.

⚙️ Customization

  1. Click on the extension icon, then click the "Manage My Prompts" button
  2. In the management page, you can:
    • Add new prompts
    • Edit existing prompts
    • Delete unwanted prompts
    • Add tags to prompts for categorization
    • Export your prompt library for backup
    • Import previously backed up prompt libraries

📦 Installation Guide

From App Store

Now available on Chrome Web Store! Click here to download

From GitHub Releases

  1. Visit the GitHub Releases page
  2. Download the latest pre-built extension package
  3. Extract the downloaded file
  4. Follow the installation instructions below for the built extension

Build from Source

  1. Clone the repository

    git clone https://github.com/wenyuanw/quick-prompt.git cd quick-prompt
  2. Install dependencies

    pnpm install
  3. Development and build

    # Development mode (Chrome) pnpm dev # Development mode (Firefox) pnpm dev:firefox # Build extension (Chrome) pnpm build # Build extension (Firefox) pnpm build:firefox

Install the Built Extension

Chrome / Edge

  1. Open the extensions management page (chrome://extensions or edge://extensions)
  2. Enable "Developer mode"
  3. Click "Load unpacked extension"
  4. Select the .output/chrome-mv3/ directory in the project

Firefox

  1. Open about:debugging
  2. Click "This Firefox"
  3. Click "Load Temporary Add-on"
  4. Select the manifest.json file in the .output/firefox-mv2/ directory of the project

📄 License

MIT

🤝 Contributing

Pull requests and issues are welcome!

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

About

https://github.com/wenyuanw/quick-prompt

2.36 MiB
0 forks0 stars4 branches26 TagREADMEMIT license

Sponsor

Language
TypeScript99%
CSS0.8%
HTML0.1%
JavaScript0.1%