範本
用 Cursor 做設計的可重複使用起點——儲存庫、規則、腳手架與範式。
Template ·Vercel ·
Next.js + Tailwind Cursor 快速原型開發啟動模板
一個精簡的 Next.js App Router + Tailwind 專案框架,針對 Cursor 快速原型開發優化 — 包含合理的 token 預設和清晰的佈局模板,可直接用於提示詞工程。
Read on Vercel → ◇ nexu.io
Template ·shadcn ·
shadcn/ui — 為 Cursor 工作流複製貼上組件
可訪問、預設無樣式的 React 組件,完全掌握在你的代碼庫中 — 當提示 Cursor 在 Tailwind 上組裝落地頁和儀表板時的首選原始組件庫。
Read on shadcn → ◇ nexu.io
Template ·PatrickJS ·
awesome-cursorrules — 為各種技術棧精心策劃的 .cursorrules
社群最大的 .cursorrules 檔案集合,包含前端和設計系統規則集,確保 Cursor 的輸出與 Tailwind、Next.js 和元件約定保持一致。
Read on PatrickJS → ◇ nexu.io
Template ·Magic UI ·
Magic UI — Cursor 建構登陸頁的動畫元件庫
150+ 個動畫 React + Tailwind + Motion 元件庫,完美搭配 Cursor 打造具精細微互動的行銷頁面。
Read on Magic UI → ◇ nexu.io
Template ·Community ·
Cursor 設計系統規則入門包
即插即用的 .cursor/rules 套件,編碼間距尺度、語意色彩標記、圓角及排版,使生成的 UI 從第一個提示就保持品牌一致性。
Read on Community → ◇ nexu.io