1.下載cursor
2.模式設置：
模型使用claude-3.7-sonnet的think模式
3.引導詞模板：
我想要開發一個中高考英語口語考試的模擬考試系統，我需要將上面的這個應用輸出成高保真的原型圖設計。請考慮以下的規范：
- 用戶體驗：先分析產品的主要功能和需求，確定下核心能力
- 產品規劃：希望你作為一個20年的產品經理，來設計我們的整個產品，確保架構非常合理
- UI設計：作為30年的UI設計師，要保證符合目標人群的使用習慣，符合網頁端的設計規范，使用比較現代化的UI元素，注重產品體驗和視覺
- 輸出：
請使用HTML+Tailwind CSS來生成所有的原型圖界面，可以使用FontAwesome來美化界面，接近真實的網頁效果
請根據功能拆分代碼文件，保持結構清晰，每個功能界面需要一個獨立的HTML文件，比如home.html, exame.html, me.html等等
盡可能使用Tailwind CSS樣式，如果需要自定義的話，請用獨立的css文件，然后引入到html代碼中來
用index.html作為主入口，不直接寫入所有界面的代碼，這里我們使用iframe的方式來嵌套其他頁面，并將所有頁面直接展示到index頁面上
界面盡可能適配大部分網頁界面的真實外觀
頁面里面需要使用的圖片，可與從unslpash，pexeis獲取圖片
盡最大的可能降低頁面的TOKEN
保證我們的代碼頁面最后能夠很順暢的轉為figma文件進行二次編輯
4.提示詞進一步改善
可進行產品設計參考的社區：dribbleDribbble - 發現世界頂級設計師和創意專業人士
可以在里面找到自己想參考的設計圖，然后在想修改的網頁的chat聊天框內將圖片粘貼進去，并輸入以下提示詞：
? ? ? 希望能夠參考圖片中的樣式和顏色搭配，修改home exam me progress頁面（列舉需要修改的頁面）
5.原型改善
搜索到相應的Figma插件Figma插件組件推薦-插件庫安裝- Figma 中文社區
在里面通過關鍵詞（如：html）搜索到相應的插件---->點“open in"那個綠色按鈕---->new一個figma file
6.部署生成的內容
cloudflare進行部署全球云平臺 | Cloudflare 中國官網 | Cloudflare
7.部署完之后再將部署完的url傳到figma插件中生成相應的原型圖
8.cursor上傳其他參考文檔的方式：
A.圖片可以直接點右下角"send"按鈕旁邊的圖片標志上傳
B.其他文件可以先復制到cursor最左邊的文件欄中，再在聊天框左上角的@功能那里找到需要的文件
)
