Cursor專案實踐-01-螢幕指定位置截圖轉換gif動圖

專案說明

這是一個用cursor實踐專案，使用語言為python，用於將螢幕截圖轉換為gif圖片,用於展示結果或者示例。

結果展示

screentogif_20250706_171615.gif

前置準備

  • Cursor

    • 版本：1.2.1
    • cursor rules : Cursor Rules
    • agent , claude-4-sonnet-thinking

  • 整體流程

    • 設置cursor規則->描述需求->cursor編碼->git版本管理->調試輸出

專案步驟

  1. 梳理需求，讓cursor生成專案目錄 需求如下：
## 編寫一個將螢幕截圖轉換為gif圖片的python程式
1. 程式能夠指定螢幕位置（滑鼠拖拽選擇）進行截圖，並將圖片保存為webp格式
2. 壓縮圖片並生成gif圖片
3. 有一個界面來設置圖片壓縮比、幀率和保存路徑

## 要求
1. 只有最必要的功能，無額外功能
2. 我使用的是mac電腦，因此請注意螢幕上縮放比

  1. 制定專案目錄，輸入要求：

    Analyze the requirement.md documents and start project writing

    image.png

  2. 生成專案文檔

image.png

  1. 安裝虛擬環境及依賴

image.png

  1. 基礎框架及界面功能完成

image.png

  1. 選取區域功能未完成。繼續推動完成

image.png

  1. 搞定

image.png

  1. 圖片生成太大，繼續推動處理

image.png

問題記錄

  • 問題一

    • 問題：圖形選中是命令行，而不是圖片界面。
    • 解決方案：直接讓cursor進行修改，提示需要圖形界面

  • 問題二

    • 問題：需求描述不夠準確，會導致發散，增加很多額外功能
    • 解決方案：增加適當的背景，以及準確的功能描述

  • 問題三

    • 問題：claude-4-sonnet和claude-4-sonnet-thinking的差距也很大。前者處理了一個小時，還沒搞定，後者3次請求，5分鐘搞定。
    • 解決方案：盡量用thinking來處理複雜問題或者方案解析

使用心得

  1. rules中增加了獲取日期，這樣就不會只以模型的日期來進行使用了。
  2. python程式，rules中增加虛擬環境的創建，防止多專案環境衝突