每月 US$9.99 即可存取所有 Premium Skills，隨時取消。查看方案
Skillry 嚴選

手繪筆記風定價區塊v1.0.1

使用這個 Skill：建置網頁。

人氣上升
5.034 次下載1 個喜歡0 次收藏
$4.99
購買這個 Skill 可以得到什麼？

打造響應式定價區塊，包含三張筆記本風格的方案卡片、清楚的功能選項，以及醒目的推薦方案。幫助 SaaS 團隊讓定價更容易比較、更讓人印象深刻，適合想用親切方式取代傳統定價表的團隊。

最常選用的職業

獨立創辦人App 開發者獨立開發者

更新於 2026年8月25日

手繪筆記風定價區塊成果預覽
手繪筆記風定價區塊成果預覽 2
手繪筆記風定價區塊成果預覽 3

執行於

Claude CodeClaude Desktop / CoworkChatGPTCodexCursorGitHub CopilotOpenClawHermesOpenCodeKilo Code

安裝指南

Claude CodeCursor

生成模型

宿主 Agent 模型

相似的 Skills

查看所有 Skills

你將獲得

  • 一個獨立的 HTML 定價區塊——不需建置步驟、不用函式庫、不發出網路請求——可直接放進任何網站或 iframe
  • 完整的手繪筆記風格：微微傾斜的紙張卡片搭配歪扭的墨水邊框、滑過時會浮起的硬陰影、頁邊塗鴉，以及推薦方案上的便利貼緞帶
  • 內建淺色／深色「關燈」切換，以及一份白話風格指南，教你配合品牌色並微調動態效果

適合

  • 想讓定價頁帶點個性的獨立產品、創作者工具與親切的消費型 App
  • 不想請插畫師、又想要令人印象深刻的手繪定價區塊的創辦人
  • 既有網站與 React／Vue 專案——區塊使用限定範圍的樣式，零相依套件即可嵌入

不適合

  • 正式或企業級品牌——手寫、素描的風格刻意走俏皮路線
  • 需要計費週期切換、幣別切換或串接結帳的頁面——這個 Skill 只繪製區塊，不處理付款流程
  • 想找完整登陸頁建構工具的團隊——這個 Skill 專注在定價區塊
新品上市與 App 成長網頁設計與數位體驗建置網頁建置 Landing Page成果可編輯視覺精美新手友善塗鴉手繪手寫字筆記本紙視覺筆記

關於此 Skill

你說/bs-sketchnote-pricing 為我的園藝 App Sproutly 製作一個俏皮的手繪定價區塊：三個方案，中間那個設為推薦，並支援深色模式。

使用者評價

正在載入評價…

常見問題