Save, share, generate and understand code snippets & concepts to boost your productivity during online research and problem-solving.
Pieces for Developers: Copilot & Code Capture Extension
In 2022, our team set out on a journey to build the most advanced code snippet management and workflow context platform yet.
The debut release of our Flagship Desktop App got the ball rolling, and now our Web Extension aims to take developers' productivity to the next level, incorporating key capabilities and our users favorite features directly into their browser.
Take your coding research & problem-solving in the browser to the next level with the Pieces Copilot. Interact with the copilot from any webpage right within your browser’s side panel. Ask questions about code or content on a page, gain clarity on keywords or patterns within code snippets, ask Pieces Copilot to generate a sample using an SDK you’re researching, and even use it to help you understand PRs.
Plus, as you navigate your workflow, the Pieces Web Extension allows you to effortlessly capture, manage, share, and discover code snippets & other developer materials, such as code screenshots, with the click of a button.
The Pieces Web Extension will become your go-to development partner transforming your workflow with efficiency and organization.
**Getting Started**
To use the Pieces Web Extension, you must have Pieces OS installed. Pieces OS is our background service running offline and on-device required to enable:
- Individual products in the Pieces for Developers Suite to communicate
- Local, Private, and Secure Machine Learning Models
- Real-Time Search and Suggestions
Pieces OS installation comes with the Pieces for Developers Desktop App where your saved snippets and Pieces Copilot conversations can also be viewed and managed.
**Features**
● Pieces Copilot - Your AI companion in browser
Found a snippet but don’t know what it does? Ask Pieces Copilot, which is designed to help you get the most out of your time in the browser.
Easily access Pieces Copilot by clicking on the “Ask Copilot” button when hovering over code blocks, or from context menu Pieces actions on your selections.
You can even choose between local, cloud, and custom LLMs to power Pieces Copilot. Simply, go to the runtime model configuration window from the chats screen and change the model to one you would like to use. Our list of models is extensive including ChatGPT, GPT-4, Llama 2, PaLM 2, and more. Our extension can work with local models even when you’re offline.
● Save Valuable Code
Found a useful snippet that you want to save for later or keep reference of? We've got you. With the Pieces Web Extension, you can effortlessly save things like Boilerplate/Reference Snippets, Common Bash/Powershell Commands, CI/CD Configurations, HTTP Requests, Screenshots, Architecture/UML Diagrams, Text Notes, and a wealth of other resources.
Everything you save to your personal Pieces repository is automatically enriched with useful context and metadata like a title, description, tags, related links, the origin URL, and more, ensuring fast search-ability and simplified organization.
Once saved, snippets are available through all Pieces integrations, including the Pieces Desktop App, and stored in Pieces OS.
Ways to save:
1. Highlight code/text and right-click > \"Pieces\" > \"Save Selection\"
2. Highlight code/text and use the keyboard shortcut:
- macOS (CMD + Shift + S)
- Windows (Alt + Shift + S)
3. Use one of the Pieces embedded buttons
● Single-Click Snippet Sharing
With a single click, generate a shareable link for any code snippet or block of text you encounter around the web, complete with relevant context - tags, descriptions, the origin website, and more!
Recipients of the link will be able to view the snippet along with its' context in the Pieces Sharing Web Application.
● Discover Snippets Anywhere You Go
Ever had a feeling you’re scrolling for a lifetime? When you only want to find that one snippet hidden somewhere deep down in these conversations. It’s frustrating, right?
Pieces Web Extension to rescue! It’ll surface any snippets it discovers on sites and enrich them with helpful context, so you can get that one nasty bug fixed ASAP 😌
For detailed descriptions and features of the Pieces Web Extension and other Pieces products, visit our documentation at https://docs.pieces.app.
**Recent Updates**
● v2.8.6 - January 5, 2024 - Bug fixes
- Discovered snippets language identification fixes.
● v2.8.5 - December 16, 2023 - Change Copilot Runtime
- Change Copilot Runtime Model to chat with various different LLM's
- Control which action buttons to show/hide around embedded code block buttons
- Bug fixes and performance improvements for a better user experience
View all updates at https://code.pieces.app/updates.
**Support & Feedback**
Experience an issue or have feedback for the team? We'd love to hear from you. Head over to https://docs.pieces.app/support to find the best way to get in touch.
**Community**
Want to stay in-the-loop with all things Pieces, and collaborate with developers around the world on a multitude of topics? Join our growing Discord community via https://discord.gg/getpieces and be sure to follow us on social media!
Source Manifest.json
How to download and manually install Pieces for Developers: Copilot & Code Capture extension for Chrome
Looking for a way to install Pieces for Developers: Copilot & Code Capture extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.
However, you may need to install Pieces for Developers: Copilot & Code Capture extensions manually, this article outlines two simple methods to effortlessly install Pieces for Developers: Copilot & Code Capture extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.
Method 1: Download Pieces for Developers: Copilot & Code Capture extension and manually install through Drag &Drop
If you ever need to manually install a Pieces for Developers: Copilot & Code Capture extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.
Step 1: Download the Pieces for Developers: Copilot & Code Capture Extension by clicking the "Download CRX" button on the website.
Look for the Pieces for Developers: Copilot & Code Capture extension you wish to install. Go to the website and download the Pieces for Developers: Copilot & Code Capture extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Pieces for Developers: Copilot & Code Capture extension that contains all the data.
Step 2: Extract &Arrange Files
Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.
Step 3: Go to the Chrome Extensions Page
Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.
Step 4: Drag and Drop the Extension
Now, go to the folder where you extracted the Pieces for Developers: Copilot & Code Capture extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.
Step 5: Complete the Installation
Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.
Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.
Method 2: Download Pieces for Developers: Copilot & Code Capture extension for Chrome and install in Developer Mode
This is another method to install Pieces for Developers: Copilot & Code Capture extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.
Step 1: Download the Pieces for Developers: Copilot & Code Capture extension file
Select and download the Pieces for Developers: Copilot & Code Capture extension by clicking the 'Download CRX' button on the website.
Step 2: Extract the downloaded contents
Convert the file to a ZIP file if it is in CRX format then extract the Pieces for Developers: Copilot & Code Capture extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Pieces for Developers: Copilot & Code Capture extension running.
Step 3: Open Chrome Extension Setting Page
In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.
Step 4: Enable Developer Mode
After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.
Step 5: Load the Unpacked Extension
Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."
Step 6: Select the Extension Folder
Once the pop-up opens upon clicking Load unpacked, select the Pieces for Developers: Copilot & Code Capture extension directory and click on the "Select Folder "button.
Step 7: Confirm and Install
After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.
Conclusion
Here we've made a step-by-step guide on How to manually install Pieces for Developers: Copilot & Code Capture extension in 2 ways. We hope this guide proves helpful.
Similar Extensions
Save Code 10,000+ 14 ★ 116KiB
Open in VSCode 10,000+ 4 ★ 60.87KiB
daily.dev | The homepage developers deserve 10,000+ 2460 ★ 2.28MiB
SquareX: Be Secure, Anonymous, Private Online 10,000+ 874 ★ 2.68MiB
Codeium: AI Code Autocompletion on all IDEs 10,000+ 196 ★ 342KiB
LeetCode Video Solutions 10,000+ 72 ★ 84.69KiB
GitHub Web IDE 10,000+ 22 ★ 114KiB
Raycast Companion 10,000+ 23 ★ 289KiB
Motion DevTools 10,000+ 8 ★ 788KiB
VisBug 10,000+ 252 ★ 5.38MiB
Grepper 10,000+ 405 ★ 1.41MiB
Hoverify 10,000+ 145 ★ 14.54MiB
Refined GitHub 10,000+ 213 ★ 572KiB
Gimli Tailwind 10,000+ 33 ★ 151KiB
Omni - Bookmark, History, & Tab Manager 10,000+ 63 ★ 1.91MiB
Material Icons for GitHub 10,000+ 77 ★ 1.05MiB
Hackertab.dev - developer news 10,000+ 168 ★ 525KiB
MarkDownload - Markdown Web Clipper 10,000+ 146 ★ 403KiB
Obsidian Web 10,000+ 67 ★ 641KiB
Omnivore 10,000+ 54 ★ 158KiB
Leetcode Explained 10,000+ 24 ★ 757KiB
Vercel 10,000+ 24 ★ 34.3KiB
CSS Scan 10,000+ 84 ★ 1.41MiB
Fabric web clipper – save anything from the web 10,000+ 28 ★ 2.59MiB
User reviews
Gino Côté (onigetoc) (ID: 0000005a04accd66) Voted 4 ★ - Updated 10/30/2023
David Mounthill (ID: 0000003d6409721c) Voted 5 ★ - Updated 10/17/2023
Владлен Кузнецов (ID: 00000095e6fde045) Voted 5 ★ - Updated 10/11/2023
Aaron Goselin (ID: 000000675a5abef9) Voted 3 ★ - Updated 09/23/2023
Artem Halushko (ID: 0000003caf43796c) Voted 1 ★ - Updated 09/16/2023