凌晨2点,我把「租房合同生成器」网页发到闲鱼——12小时后,中介公司HR主动来问‘能定制成我们品牌色吗?’
那晚改完第7版「自习室座位监控」小程序,我顺手刷了下闲鱼。首页飘着一条:“求一个租房合同生成器,要能填房东/租客信息,自动算押金,带电子签名位置。”
评论区里,23条回复都在问:“有没有现成的?不要APP,要能直接发微信里打开的。”
我关掉小程序项目,新建一个contract.html,对Claude Code说:
> “生成单页HTML,标题‘安心租房合同生成器’,含:房东姓名/电话/身份证、租客同理、房屋地址、租期(起止日期)、月租金、押金倍数(下拉选1/2/3)、付款方式(银行/支付宝/微信)、特别条款(多选:禁止养宠/允许装修/提前解约违约金)、生成按钮。点击后,用html2pdf.js生成PDF,文件名‘租房合同_房东名_租客名.pdf’。”
22分钟。一个带表单校验、条款逻辑联动、一键PDF导出的网页诞生了。
我截了张图,配上文案:“扫码即用,不收钱,不注册,不卖会员”,发到闲鱼。
12小时后,微信弹出一条好友申请,备注:“XX地产HR,想定制品牌版,预算可谈。”
这不是运气。这是AI工具链第一次,把「需求洞察」和「交付速度」焊死在了一起。
---
🛠️ 完整制作流程(全部在Cursor中)
① 生成基础HTML+JS(含动态逻辑)
Prompt重点:
onchange实时计算;required + checkValidity())。✅ 生成后:把部分单独存为logic.js,便于后续维护。
② 接入PDF导出(零配置)
在
里加:
在生成按钮onclick里写:
function generatePDF() {
const element = document.getElementById('contract-output');
html2pdf()
.set({ margin: 1, filename: 租房合同_${$('#landlord-name').val()}_${$('#tenant-name').val()}.pdf })
.from(element)
.save();
}
✅ 新手操作:复制粘贴,不用理解html2pdf原理,它就是能导出。
③ 品牌定制化(接单关键!)
当HR来问“能改品牌色吗”,我只做了3件事:
#main-container { background: #f8f9fa; } → 改成#2a5b8c(他们VI蓝);font-family: 'PingFang SC' → 改成他们用的'Source Han Sans CN';✅ 全程5分钟。客户收到的,就是一个“看起来就是他们自己做的”工具。
---
📈 为什么闲鱼转化这么高?
---
💡 接单话术参考(直接复制)
> “这个合同生成器,我们按‘品牌定制+年服务’报价:
> - 基础版(改色+LOGO+VI字体):¥1200/年;
> - 增值版(对接你们ERP自动填充房源信息):¥3800/年;
> - 所有版本均提供源码,您可随时自行部署。”
没写一行后端代码,却卖出了SaaS服务的感觉。
---
> ✅ 今日行动:
> - 用上述Prompt生成你的第一份合同页;
> - 填写测试信息 → 点击生成 → 查看PDF是否含所有字段;
> - 把链接发给1个正在找房的朋友,问:“这个,你会放心用吗?”
如果他说“会”,你就已经跑赢了90%的法律科技创业公司。
因为最锋利的产品,往往诞生于一个深夜的闲鱼提问,和一次没保存的Prompt草稿。
---
延伸可能:把同一套逻辑,换成「婚前协议生成器」「兼职用工协议」「学生实习协议」——行业不同,但底层都是「填空+逻辑+PDF」。AI不创造需求,它只是把需求,翻译成可执行的HTML。