Checkpoint Preview Reworked

Build, preview and export Checkpoint avatars without leaving Discord.

---

Features

▸ Pick base, face, outfit, head, shoes, accessory and aura, with a live preview
▸ Nudge any item (X, Y, rotation) by sliders or by dragging the preview
▸ Backgrounds: transparent, solid colors, gradients, custom color, custom gradient, or your own image
▸ Export a full resolution PNG, copy it to the clipboard, or attach and send it straight to the current chat
▸ Share and import presets as JSON, with undo (Ctrl+Z)
▸ Button in Discord's user panel, with a hover tooltip and animation
▸ Follows Discord's light and dark theme
▸ Click the author credit to open the profile in place, no new tab

◆ Install

You only need one of the two options below.

▪ Install as a userscript

Runs automatically every time Discord loads.

1. Install a userscript manager: Tampermonkey, Violentmonkey or ScriptVault

2. Open the raw file and confirm the install prompt:

   https://raw.githubusercontent.com/ItzMeShadow999/CheckpointPreview-Reworked/main/checkpoint-preview.user.js

3. Open Discord (web, or any client that runs your userscripts) and reload

The script loads the asset image through the userscript manager, so Discord's CSP does not get in the way.

▪ Run from the console

One off, nothing to install. It resets when you reload Discord.

1. Open DevTools on Discord (Ctrl+Shift+I). Discord web works out of the box; on desktop use Vesktop or a client that enables DevTools
2. Open the Console tab. If your browser blocks pasting, type allow pasting and press Enter first
3. Paste the whole contents of checkpoint-preview.console.js and press Enter

If the auto-load of the asset image is blocked, a dialog asks you to select the original Checkpoint Asset PNG (8380 × 5632 px). The image stays on your computer.

Usage

Action	How
Open or close	Panel button (next to Settings) or Ctrl + Shift + S
Close	Esc or click outside the window
Undo	Ctrl + Z
Move an item	Select it, then drag the preview or use the sliders
Share a preset	Copy preset, send the JSON to anyone
Import a preset	Import preset, paste the JSON
Export	Download PNG, Copy image, Attach to chat or Send to chat

Troubleshooting

▸ Nothing shows up. Reload Discord. The panel button appears once the user panel has loaded.
▸ Asked to select a PNG. The automatic download was blocked. Pick the original 8380 × 5632 PNG, or use the userscript version.
▸ Button looks off after a Discord update. The script finds the panel by structure, not exact class names, so it usually survives. If it does not, open an issue.

Files

File	What it is
checkpoint-preview.user.js	Userscript (always on)
checkpoint-preview.console.js	Console version (one off)
LICENSE	MIT

◆ Credits

Made by ItzMeShadow.

Base Script by DeusDrizzyy

◆ License

MIT