設計
Cursor + Frontend Design Skill
先寫清楚 brief(誰、語氣、禁止什麼),再開 Design Mode 點選微調。參考 Griffin Wooldridge 的設計師工作流。
把我實際會重複打開的東西收在這裡。Skill 不是裝越多越好;找到自己會用的那幾款,才有幫助。
忙碌值班之間,盡量把「想寫」變成「五分鐘能發」。
先寫清楚 brief(誰、語氣、禁止什麼),再開 Design Mode 點選微調。參考 Griffin Wooldridge 的設計師工作流。
把語音或碎念丟進 Cursor,依分類與敘事語氣整理成可發佈 MDX。
本機寫完 commit,Vercel 自動上線。沒有後台,也就少一層維護。
完整 17 款練習關卡在 Skill 練功室;這裡只放最常回頭看的入口。
官方 17 個 Skill+醫師向練習 Prompt,一次練一款。
避免 AI 預設臉;做頁面、元件前先定 Purpose/Tone/Constraints。
長文協作時保留作者聲音——很適合改自己的值班筆記。
把自己反覆做的流程打包成自訂 Skill。
初創這個站時參考過的素材。
Griffin Wooldridge:First prompt → Design Mode → MCP 參考層。
文件、設計、開發、溝通四大類一次看懂。