
效果預覽
相似的 Skills
查看所有 Skills你將獲得
- 「人像切換使用者評價」的完整原始碼——元件檔加上可執行的使用範例,可直接貼上與編輯。
- 一份書面視覺規範:配色、字級、圓角、圖示線寬與動態時序,全部以 token 集中在一處編輯。
- 人像與照片隨區塊一併提供,已放置到位並儲存在本機,不需從外部抓取。
適合
- 你要呈現使用者評價,想直接用一個經過深思熟慮的版面,而不是自己慢慢調。
- 你希望頭像、姓名、職稱與引言之間的關係已經處理妥當。
- 你想要可讀、可編輯的原始碼,而不是又一個得持續升級的相依套件。
不適合
- 已在使用成熟設計系統的團隊——這套配色與字級會和你們的互相衝突。
- 想要有版本號 npm 套件的人;這裡交給你的是需要自行維護的原始碼。
- 需要導覽列、表單、登入驗證或結帳流程的專案——這個區塊都不涵蓋。
社群內容與社群行銷新品上市與 App 成長網頁設計與數位體驗製作行銷視覺建置網頁建置 Landing Page成果可編輯視覺精美新手友善暖中性色青綠點綴動態生成式背景
關於此 Skill

貼上一個區塊,你的使用者評價就像經過專人設計——頭像、姓名、職稱與評語彼此平衡,而不是一行行堆疊。換上你自己的引言,版面依然穩固。
你會得到
- 「人像切換使用者評價」的完整原始碼——元件檔加上可執行的使用範例,可直接貼上與編輯。
- 一份書面視覺規範:配色、字級、圓角、圖示線寬與動態時序,全部以 token 集中在一處編輯。
- 人像與照片隨區塊一併提供,已放置到位並儲存在本機,不需從外部抓取。
使用方式
- 告訴你的助理這個區塊要放在哪裡,它會先讀取你的專案,再依照專案既有的寫法產出區塊。
- 把文字換成你自己的,字級與間距會自行維持。
- 放入你自己的圖片。有人物的位置放人像,其餘位置放照片。
- 上線前先用手機看一次。它本來就做好在手機上也能撐住版面。
開始前需要準備什麼
- 最近實測
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…







