Skip to content

qrider/PublicSite

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Screenshot Tool

A cross-platform screenshot tool for Windows and macOS with drag-and-drop support for Claude Code.

Features

  • Full Screen Capture: Capture your entire screen with one click
  • Region Selection: Select a specific area to capture
  • Drag and Drop: Drag screenshots directly into Claude Code or any other application
  • Screenshot History: View and manage your recent screenshots
  • Keyboard Shortcuts: Quick capture without switching windows

Installation

Prerequisites

  • Node.js 18 or higher
  • npm or yarn

Setup

# Install dependencies
npm install

# Run the application
npm start

Keyboard Shortcuts

Shortcut Action
Cmd/Ctrl + Shift + 3 Capture full screen
Cmd/Ctrl + Shift + 4 Capture selected region
Escape Cancel region selection

Usage with Claude Code

  1. Take a screenshot using the app or keyboard shortcuts
  2. Your screenshot appears in the app's gallery
  3. Drag the screenshot thumbnail directly into your Claude Code session
  4. Claude Code will analyze the image

Building

Build for macOS

npm run build:mac

Build for Windows

npm run build:win

Build for both platforms

npm run build:all

Built applications will be in the dist/ folder.

Project Structure

screenshot-tool/
├── src/
│   ├── main.js          # Electron main process
│   ├── preload.js       # Preload script for IPC
│   ├── index.html       # Main window UI
│   └── selection.html   # Region selection overlay
├── assets/              # App icons
├── package.json
└── README.md

Requirements

  • macOS: 10.13 (High Sierra) or later
  • Windows: Windows 10 or later

License

MIT

About

Public Personal Site

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •