EN
网页付费 已验证

手绘笔记风定价组件

为软件产品发布页制作可复用的定价区块，以清晰的套餐对比、可编辑的页面文字、手绘笔记式线条和每个套餐独立的操作链接呈现价格。

你会得到

  • 适配桌面和手机的两到三个套餐卡片
  • 可编辑的价格、功能、计费说明和按钮
  • 不干扰阅读的可见手绘装饰细节
  • 每个套餐都有独立目标的无障碍按钮
  • 包含更新说明和交接说明

适合

  • 独立开发者发布产品定价页
  • 应用开发者替换通用定价模板
  • 需要突出推荐套餐的产品发布页

不适合

  • 包含导航和页脚的完整网站
  • 实时结账或按用量计算价格的系统

你需要提供

  • 套餐名称和价格
  • 计费周期及各套餐功能
  • 需要推荐的套餐
  • 每个套餐按钮的独立目标链接

运行要求

  • A modern browser
  • Node.js 20+ for the validator

运行成本

No external services. Runs entirely on your agent.

试试这个提示词

/sl-sketchnote-pricing-ui-block 为小型项目规划应用制作响应式定价区块，展示 Free（每月 $0）、Plus（每月 $12）和 Team（每月 $29），列出各方案的项目数、协作者人数和功能，并突出 Plus。标题：“Pick your pace”。采用可见的 Golden Margin 手绘风格。

后续提示词

  • 根据我提供的年度价格，加入年度计费选项和独立的年度套餐链接。
  • 用新的套餐限制替换功能列表，并保持各行便于对比。
  • 调整手机端顺序，让推荐套餐排在最前面。

验证情况

已验证

render-checkpass4.0 / 513s

常见问题

以后可以修改套餐吗？

可以。价格、功能、标签、计费周期和按钮链接都会保留为可编辑的组件内容。

组件包含付款流程吗？

不包含。组件负责展示套餐，并将每个操作按钮链接到你提供的独立页面。

相似技能