Cursor Practice Project-10-Automatic/manual screenshots for remote meetings, training, and videos

Project Description

Cursor Practice Project-10: Automatic/manual screenshots for remote meetings, training, and videos

Time spent: ~2 hours

Cursor usage count: ~10

During remote meetings, online training, or video tutorials, participants often lack meeting materials, making content review difficult. This project automatically captures screen changes in specified areas and supports manual screenshots.

Similar tools can be implemented through Cursor when needed.

Results Demonstration

A Python-based auto-screenshot tool with automatic/manual capture and image compression features:

  1. Supports area-specific or full-screen capture with draggable selection frame
  2. Configurable automatic screenshot intervals
  3. Deduplication: only saves distinct images
  4. Manual screenshot via hotkey trigger
  5. WebP format with auto-compression and local storage
  6. GUI for configuring:
    • Area-specific/full-screen mode
    • Capture interval
    • Deduplication (with similarity threshold)
    • Compression ratio
    • Save location
Demo GIF

Prerequisites

  • Cursor

  • Gemini CLI

    • Version: 0.1.13
  • Workflow

    • Set Cursor rules → Apply project rules (10xUse) → Communicate requirements with LLM → Code with Cursor → Debug

Issue Log

  1. Issue 1: Current Cursor version counts cmd+k as usage. Minor operations can be delegated to Gemini CLI:
    • e.g., translation, code snippet generation
    • e.g., Git command cheat sheet
    • e.g., Project documentation and tutorial indexing

Lessons Learned

  1. Effective 10xUse reduces Cursor usage count
  2. Gemini CLI assistance enables dual-model collaboration for higher efficiency (with controlled permissions)

Detailed Steps

  1. Requirement Analysis: Provided core requirements file pj-requirement.md to Cursor for summary verification.

    • Gemini CLI can handle English translation
    step-1
  2. Requirement Breakdown & Coding: Cursor analyzed requirements. step-1

  3. Initial Coding: Cursor generated project documentation, established steps, created Python virtual environment, installed dependencies.

    • Generated project docs
    • Created execution steps
    • Established Python venv
    • Installed dependencies
    • Generated code step-2
    step-2
  4. Code Generation

    • Cursor produced initial code after two iterations step-2
  5. Validation

    • Core functions tested: auto/manual screenshots and compression
    • Pending features:
      • Area selection malfunction (needs draggable frame)
      • Hotkey unresponsive on macOS
      • Missing similarity comparison in auto-capture
  6. Issue Submission & Iterative Fixes

  7. Version Tagging & Git Commit step-2

  8. Shortcut Configuration

    • Set quick-access shortcuts