
效果預覽
相似的 Skills
查看所有 Skills你將獲得
- 虛構的 Commonfold Collective 完整 20 路由範例:四個專案頁、三個成員頁、三篇誌文章、聯絡、隱私權、無障礙,以及精心設計的 404 頁。
- 可實際運作的元件:一次只展開一項的原則手風琴、具搜尋、排序與空狀態的作品篩選、標準與社群費率切換、FAQ、含驗證的表單,以及複製連結提示。
- 一個嵌入 Newsreader 與 Figtree 字型的自足檔案,另附風格指南、圖片規劃,以及會標出殘留範例名稱的內建檢查。
適合
- 希望以手作、活潑的形象呈現,並以真實案例研究為後盾的設計工作室、設計團體,以及公民或參與式設計團隊。
- 能把課程、講師或專案套用到同一組頁面架構的版畫工作室、學校與小型事務所。
- 想用拼貼圖像、撕紙邊與膠帶,取代圓角卡片與圖庫照片的團隊。
不適合
- 需要沉穩、極簡風格的企業品牌;這套設計以鮮明色塊與紙張質感為主。
- 即時預約或付款:表單只會在頁面內顯示確認,連接後端之前不會送出任何資料。
- 以紫色或紫羅蘭色為主色的品牌;淡紫色在這裡只作為小面積點綴。
品牌設計與視覺規範網頁設計與數位體驗建置網頁建置代理商網站風格鎖定成果可編輯編輯風襯線色塊手風琴去背肖像組彩繪紙風景撕紙拼貼
關於此 Skill

告訴這個 Skill 你的工作室、原則、專案與成員,它就會打造一個完整的拼貼風格網站:黑底上置中的小型 Hero,下方是手繪剪紙山丘,搭配溫暖的米白頁面、平面色塊與黑白剪影人像。範例是虛構的公民設計工作室 Commonfold Collective,共有 20 個相互連結的路由。預設成果是單一自足的檔案,可在任何瀏覽器中離線開啟。

你會得到
- 首頁包含 Hero、原則手風琴、引言帶、團隊故事、數據、專案拼貼、合作夥伴感言與誌
- 內容扎實的內頁:附細節圖片與數據的案例研究、成員頁、長篇文章、固定方案的服務頁、聯絡與 FAQ
- 撕紙邊、膠帶與微微傾斜的元素,滑鼠移上時會擺正;平穩的淡入效果會在減少動態設定下自動關閉
- Newsreader 與 Figtree 字型直接嵌入檔案,不需從網路載入任何資源

使用方式
- 提供你的名稱、一句話介紹、三到五條原則,以及專案、團隊、文章與聯絡資訊。
- 你的 Agent 會填滿每個內容欄位,生成同樣風格的新拼貼圖片,並執行內建檢查。
- 在桌機與手機上逐頁點閱,再用白話提出修改需求。

生成新的拼貼圖片可能會產生你的生圖工具使用費。簡介中未提供的內容會先以佔位文案草擬,並列出清單供你確認。
開始前需要準備什麼
- 你需要提供
- 工作室名稱、一句話介紹,以及三到五條原則,每條各附一個實例 · 各專案頁所需的內容,以及團隊成員的職稱與簡短介紹 · 文章或最新消息、服務方案與價格、地址、電子郵件與營業時間
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本,用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線,以便下載一次字型並內嵌 · 你的 Agent 需具備生圖工具,用於生成新的拼貼圖片
- 外部費用
- 使用你的 Agent 的生圖工具生成拼貼圖片,可能會產生該工具的使用費。部分隨附的中性圖像(Hero 山丘、手部與兩張誌圖片)可免費重複使用。
- 最近實測
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…









