Discord is a messaging platform that allows users to share their current activity with their friends through Rich Presence (RPC). This extension uses the RPC protocol to display your current VSCode activity on Discord, allowing your friends to see what you are working on.

I implemented a minimal version of Discord’s RPC protocol for this extension, which supports setting the current activity’s state, details, and image.

The extension updates the activity image according to the current file that is being edited in VSCode. In order to make the icons follow the same design style and look consistent, I used Adobe Illustrator to design the icons. The following are a sample of the icons:

Tech stack

• Extension: TypeScript, Node.js, VSCode API
• CI/CD: GitHub Actions
• Design: Adobe Illustrator