\n```\n\n在生成按钮`onclick`里写:\n```js\nfunction generatePDF() {\n const element = document.getElementById('contract-output');\n html2pdf()\n .set({ margin: 1, filename: `租房合同_${$('#landlord-name').val()}_${$('#tenant-name').val()}.pdf` })\n .from(element)\n .save();\n}\n```\n\n✅ 新手操作:复制粘贴,不用理解`html2pdf`原理,它就是能导出。\n\n### ③ 品牌定制化(接单关键!)\n当HR来问“能改品牌色吗”,我只做了3件事:\n1. 找到CSS里的`#main-container { background: #f8f9fa; }` → 改成`#2a5b8c`(他们VI蓝);\n2. 把标题字体`font-family: 'PingFang SC'` → 改成他们用的`'Source Han Sans CN'`;\n3. 在页脚加一行小字:“Powered by XX地产 · 合同生成服务”。\n\n✅ 全程5分钟。客户收到的,就是一个“看起来就是他们自己做的”工具。\n\n---\n\n## 📈 为什么闲鱼转化这么高?\n\n- **精准踩中痛点**:中介不想让租客用“随便搜的合同”,怕法律风险;租客怕合同太厚看不懂;双方都要“快速签、可追溯、能打印”。\n- **交付形式刚刚好**:不是小程序(需审核),不是APP(需下载),就是一个链接——微信里点开、填、点、下载PDF,60秒闭环。\n- **信任感来自细节**:合同里自动写“依据《民法典》第七百零三条”,条款引用法条编号,AI比人记得准。\n\n---\n\n## 💡 接单话术参考(直接复制)\n> “这个合同生成器,我们按‘品牌定制+年服务’报价:\n> - 基础版(改色+LOGO+VI字体):¥1200/年;\n> - 增值版(对接你们ERP自动填充房源信息):¥3800/年;\n> - 所有版本均提供源码,您可随时自行部署。”\n\n没写一行后端代码,却卖出了SaaS服务的感觉。\n\n---\n\n> ✅ 今日行动:\n> - 用上述Prompt生成你的第一份合同页;\n> - 填写测试信息 → 点击生成 → 查看PDF是否含所有字段;\n> - 把链接发给1个正在找房的朋友,问:“这个,你会放心用吗?”\n\n如果他说“会”,你就已经跑赢了90%的法律科技创业公司。\n\n因为最锋利的产品,往往诞生于一个深夜的闲鱼提问,和一次没保存的Prompt草稿。\n\n---\n\n**延伸可能**:把同一套逻辑,换成「婚前协议生成器」「兼职用工协议」「学生实习协议」——行业不同,但底层都是「填空+逻辑+PDF」。AI不创造需求,它只是把需求,翻译成可执行的HTML。","datePublished":"2026-04-10 04:00:02","dateModified":"2026-04-10 04:00:02","wordCount":2193,"inLanguage":"zh-CN","author":{"@type":"Person","name":"站长","url":"https://woshird.com"},"publisher":{"@type":"Organization","name":"人人都是程序员","url":"https://woshird.com","logo":{"@type":"ImageObject","url":"https://woshird.com/favicon.ico"}},"mainEntityOfPage":{"@type":"WebPage","@id":"https://woshird.com/article/rental-contract-generator"},"isPartOf":{"@type":"WebSite","name":"人人都是程序员","url":"https://woshird.com"},"about":{"@type":"Thing","name":"玩转AI"},"keywords":"玩转AI,,AI编程,凌晨2点,我把「租房合同生成器」网页发到闲鱼——12小时后,中介公司HR主动来问‘能定制成我们品牌色吗?’","interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":90},{"@type":"InteractionCounter","interactionType":"https://schema.org/ReadAction","userInteractionCount":1436}]}
🤖
🤖
🤖
🤖

凌晨2点,我把「租房合同生成器」网页发到闲鱼——12小时后,中介公司HR主动来问‘能定制成我们品牌色吗?’

站长
2026年4月10日 · 阅读 1436 · 点赞 90 · 预计 4 分钟
分享:

凌晨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实时计算;

  • “特别条款”多选后,下方自动生成对应条款文本(如勾选“禁止养宠”,则显示“乙方承诺租赁期内不得在房屋内饲养宠物”);

  • 生成PDF前,校验必填字段(用required + checkValidity())。
  • ✅ 生成后:把

    在生成按钮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件事:
  • 找到CSS里的#main-container { background: #f8f9fa; } → 改成#2a5b8c(他们VI蓝);

  • 把标题字体font-family: 'PingFang SC' → 改成他们用的'Source Han Sans CN'

  • 在页脚加一行小字:“Powered by XX地产 · 合同生成服务”。
  • ✅ 全程5分钟。客户收到的,就是一个“看起来就是他们自己做的”工具。

    ---

    📈 为什么闲鱼转化这么高?

  • 精准踩中痛点:中介不想让租客用“随便搜的合同”,怕法律风险;租客怕合同太厚看不懂;双方都要“快速签、可追溯、能打印”。

  • 交付形式刚刚好:不是小程序(需审核),不是APP(需下载),就是一个链接——微信里点开、填、点、下载PDF,60秒闭环。

  • 信任感来自细节:合同里自动写“依据《民法典》第七百零三条”,条款引用法条编号,AI比人记得准。
  • ---

    💡 接单话术参考(直接复制)


    > “这个合同生成器,我们按‘品牌定制+年服务’报价:
    > - 基础版(改色+LOGO+VI字体):¥1200/年;
    > - 增值版(对接你们ERP自动填充房源信息):¥3800/年;
    > - 所有版本均提供源码,您可随时自行部署。”

    没写一行后端代码,却卖出了SaaS服务的感觉。

    ---

    > ✅ 今日行动:
    > - 用上述Prompt生成你的第一份合同页;
    > - 填写测试信息 → 点击生成 → 查看PDF是否含所有字段;
    > - 把链接发给1个正在找房的朋友,问:“这个,你会放心用吗?”

    如果他说“会”,你就已经跑赢了90%的法律科技创业公司。

    因为最锋利的产品,往往诞生于一个深夜的闲鱼提问,和一次没保存的Prompt草稿。

    ---

    延伸可能:把同一套逻辑,换成「婚前协议生成器」「兼职用工协议」「学生实习协议」——行业不同,但底层都是「填空+逻辑+PDF」。AI不创造需求,它只是把需求,翻译成可执行的HTML。

    站长
    人人都是程序员,站长
    分享: