手绘定价v1.0.1
使用这个 Skill:制作网页/单页站/仪表盘。
5.00 次下载0 次喜欢0 次收藏
$4.99
购买这个 Skill 能获得什么?打造响应式定价区块,以三张笔记本灵感的方案卡、清晰的功能选择和突出的推荐方案帮助用户比较。它帮助 SaaS 团队让价格更容易理解、更令人记住,适合希望跳出传统价格表但仍保持友好清晰的产品。
更新于 2026年8月25日
效果预览
运行于
生成模型
宿主 Agent 模型
用户评价
评价加载中…
你将获得
- 一个自包含的单文件 HTML 定价区块——无构建步骤、不装库、零网络请求——可直接放进任何网站或 iframe
- 完整的手绘质感:倾斜的纸片卡片配手绘感墨线边框、悬停时抬起的硬阴影、页边涂鸦,以及主推档位上的便利贴丝带
- 内置浅色/深色「关灯」切换,外加一份大白话风格指南,帮你匹配品牌色、调整动效
适合
- 想让定价页有个性的独立产品、创作者工具和亲和风消费类应用
- 想要一个让人记得住的手绘定价区块、又不想请插画师的创始人
- 现有网站和 React/Vue 项目——区块以作用域样式嵌入,零依赖
不适合
- 正式或企业级品牌——手写涂鸦的风格是刻意俏皮的
- 需要计费周期切换、多币种或支付接入的页面——这个 Skill 只画区块,不做支付流程
- 想要完整落地页生成器的团队——这个 Skill 专注于定价区块本身
产品发布与应用增长数字出版物与网页展示制作网页/单页站/仪表盘制作落地页成果可编辑视觉精美低门槛DoodleHand DrawnHandwrittenNotebook PaperSketchnote
关于此 Skill

开始前需要准备什么
- 你需要提供
- 方案档位:2–4 个档位,各含名称、价格、一句简介、3–5 条功能点,并指明主推档(也可由 Skill 根据产品描述代拟)
- 最近实测
- v1.0.1 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT


