没学编程,只和GPT聊了两轮:我零代码做出了财务自由规划工具

你是“产品经理 + 财务建模师 + 零代码应用搭建专家”。请基于下面的【用户交互脚本】与【计算模型】，为我在零代码平台中搭建一个工具：一个好看、可交互、可发布为网页的“10年被动收入达标计算器 + 家庭预算规划器”。========================一、目标（你要做的产品）========================做一个网页工具，让任何用户都能通过交互输入自己的情况，算出：1）10年后为了支撑理想生活需要的“被动收入缺口”（元/月、元/年）2）在指定提取率（SWR）下，达标需要的本金（Required Principal）3）在用户的本金/存投/奖金/期权假设下，10年后预计可积累本金（Projected Principal）4）预计被动收入（月/年）与差距（Gap）5）为了达标：需要提升到什么收益率、或每月存投要到多少、或延长几年6）根据“家庭月收入 + 储蓄目标”，给出每月/每年的家庭预算额度（可花多少钱）+ 分类预算建议7）可选：按夫妻收入比例自动算各自承担多少存投（如：你承担X，他承担Y）要求：- 完全零后端（前端计算即可）- 可发布为网页链接- 交互美观：卡片布局、滑杆、实时计算、移动端友好- 输出结果清晰易懂，附“关键假设”和“免责声明”- 支持“分享结果”：生成一段可复制的摘要文本，或生成可分享链接（URL带参数）========================二、交互流程（必须按这个走：复刻我与ChatGPT的对话步骤）========================把用户引导分为 4 个阶段，每一阶段结束都给出“阶段性结论”，并允许用户修改输入反复试算。--------------------------------阶段0：建立记账基线（可选）--------------------------------问用户：- 你最近一个月税后收入多少？- 你最近一个月总支出多少？- 其中“储蓄/养老金/定投”占多少？（提示：这是储蓄不是消费）输出：- 生活消费/月（不含储蓄）- 储蓄率（储蓄/收入）目的：让用户理解“现金流现状”，但不阻塞下一步（可跳过）。--------------------------------阶段1：定义10年后的理想生活（8个核心问题）--------------------------------用问答收集（必须逐一提问）：1）10年后常住城市/生活半径？2）10年后住房状态：有房无贷/有房有贷/租房；是否需要“额外租一间/房间”接父母？3）家庭结构：夫妻二人/+1娃/+2娃？4）父母支持：父母是否有养老金？你预计每月额外支持多少钱？（可为0）5）旅行频率：每年旅行几次？是否包含出国？6）你希望的生活松弛度：按“今天价格”月度总生活费区间（1-1.5万/1.5-2.5万/…）或直接填数7）10年后你期待：完全不工作 / 半退休（仍有收入），若半退休每月收入约多少？并选择“稳定性：高/中/低”8）你的投资风格：稳健/平衡/进取（用于默认收益率与提取率建议）阶段1输出（先给粗估范围）：- 用通胀将“今天月生活费”换算到10年后（默认通胀=3%/年，可改）- 给出口径A（生活消费）与口径B（总流出含储蓄）的区别提醒- 给出一个初步的“10年后需要的资产范围”（用SWR法）--------------------------------阶段2：补齐关键细节，做V2精算（3个追问）--------------------------------追问（必须）：A）如果有额外租房/房间，按今天价格每月多少钱？（如 3000）B）孩子教育路线：公立+课外班 / 民办国际（决定教育预算）C）10年后收入是否确定？（确定/不确定）若不确定，建议用户选择更保守的提取率（比如3%）阶段2输出：- 生成3个场景：10年后收入=1万/月、5千/月、0- 解释为什么“收入不确定”要更保守（提取率从3.5%下调到3%）- 计算并展示：每个场景下的“目标资产区间”（含备用金/医疗大额基金建议）- 给出“推荐主目标”：在现实可达的情况下更稳健--------------------------------阶段3：用户锁定目标：用被动收入覆盖缺口（我们本次选了目标1）--------------------------------让用户明确：- 10年后每月被动收入要覆盖的缺口（例：1万/月 = 12万/年）- 同时输入：10年后不稳定收入目标（例：5k/月）用于辅助预算（可选）- 选择收益率范围（例：3-5% 或 5-10%）阶段3输出：- 直接回答两问：  ①10年内需要积累多少本金才能产出12万/年被动收入？  ②若本金达不到，需要把收益率提升到什么水平？- 并进一步结合用户“当前本金结构 + 未来现金流”，告诉用户“离目标有多远、按计划是否在轨道上”（本次我们用户的示例输入用于默认演示，但工具必须允许任何人改）示例输入（用作默认值）：- 目标被动收入缺口：10000/月（12万/年）- 年限：10年- 提取率SWR：0.035（或保守0.03可切换）- 可投资收益率：0.04- 当前本金结构：总1万，其中  - 可投资本金1万- 每月可持续存投：100最后，工具需要支持“家庭共同储蓄目标”的分摊：- 输入夫妻税后收入（例：你1万/月、他1万/月）- 自动按收入比例分摊每月存投（例：家庭1万→你0.5万、他0.5万）并支持“预算反推”：- 输入家庭税后月收入（或自动为夫妻收入之和）- 给出：每月固定存投目标 + 每月可花上限 = 收入 - 存投- 提供分类预算建议（住房/餐饮/交通/购物/健康保险/旅行&大额基金/自由支出）- 支持用户修改某一类预算（例如住房改为4500），则：  - 如果用户选择“将省下的钱全部加到存投”，自动提升存投目标并重算可花预算  - 否则允许用户把省下的钱分配到其它类========================三、核心计算模型（必须严格实现）========================A. 通胀换算（可选开关）- inflation 默认 3%/年- tenYearFactor = (1+inflation)^years- 10年后月开销 = 今天月开销 * tenYearFactorB. 目标本金（用SWR）- annualGap = targetPassiveMonthly * 12   （这里的targetPassiveMonthly即“10年后被动收入缺口/月”）- requiredPrincipal = annualGap / SWRC. 预计10年后本金（目标资金池）1）月复利 + 月存投（普通年金，月末投入）：  i = r/12  n = years*12  FV_investable = PV*(1+i)^n + PMT*((1+i)^n - 1)/i  若 i=0：FV_investable = PV + PMT*n2）年终奖（每年末投入，连续bonusYears年，按年复利 r 到第years年末）：  若 r=0：FV_bonus = bonus * bonusYears  否则：FV_bonus = bonus*(1+r)^(years-bonusYears) * ((1+r)^(bonusYears)-1)/r3）期权/RSU：  FV_options = optValue*(1+optRate)^years4）projectedPrincipal = FV_investable + FV_bonus + FV_optionsD. 定存利息（可选，仅计利息不动本金）- 若 includeFixedDepositInterest = true：  fdFV = fdPrincipal*(1+fdRate)^years  fdInterestYearN = fdFV*fdRate  否则 fdInterestYearN = 0E. 预计被动收入- passiveAnnual = projectedPrincipal*SWR + fdInterestYearN- passiveMonthly = passiveAnnual/12F. 差距与“需要提升到什么水平”1）本金差距：- principalGap = requiredPrincipal - projectedPrincipal2）在“预计本金”不变下，为达标需要的收益率（用于提示）：- requiredYield = max(0, (annualGap - fdInterestYearN)/projectedPrincipal)3）在“收益率”不变下，为达标需要的月存投（解PMT）：- targetFV = requiredPrincipal- PMT_required = max(0, (targetFV - PV*(1+i)^n - FV_bonus - FV_options) * i / ((1+i)^n - 1))- i=0时：PMT_required = max(0, (targetFV - PV - bonus*bonusYears - optValue)/n)========================四、情景对比（必须有）========================做一个“收益率敏感性表”：- r 从 2% 到 8%，步长 0.5%- 每行重算 projectedPrincipal、passiveAnnual、passiveMonthly- 高亮当前用户选择的收益率附近一行让用户一眼看到“需要把收益率提高到哪里才能达标”。可选再做一个“月存投敏感性表”：- PMT 从 1万 到 4万（或用户范围），步长 2000- 输出10年后本金与被动收入========================五、页面结构与UI要求（零代码平台可实现的组件）========================页面为单页，采用卡片布局：1）顶部：标题 + 一句话说明 + 免责声明（折叠）2）左侧/上方：输入区（数字输入+滑杆+开关）3）右侧/下方：结果区（4张KPI卡片）   - 达标所需本金   - 预计10年后本金   - 预计被动收入/月   - 差距（本金/收益率/月存投）4）下方：情景对比表（收益率→被动收入）5）可选：预算规划器模块（家庭收入、储蓄目标、可花预算、分类预算）6）按钮：   - 恢复默认   - 复制结果摘要（生成一段可复制文字）   - 复制分享链接（URL带参数，打开后自动带入）数字格式：- 人民币显示、千分位、关键数字用等宽数字- 百分比显示到2位小数========================六、输出文案（要像我和ChatGPT对话那样解释清楚）========================每次计算后，用自然语言给出解释：- “你现在的计划下，10年后预计被动收入为X/月，目标为Y/月，差Z/月”- “最有效的杠杆是：收益率/月存投/年限（三选一或组合）”- 如果收入不确定：提示用户使用更保守SWR（3%）并展示结果对比========================七、校验与边界========================- 所有输入必须>=0；年限>=1- 若 projectedPrincipal=0，则 requiredYield 显示为“不可计算/请先输入本金或存投”- 若 r=0 需走特例公式- 对于定存：明确说明“只计利息，不动本金”- 提示：模型忽略税费、波动、极端风险；不构成投资建议========================八、交付物（你需要输出的东西）========================1）在零代码平台中搭建的页面结构说明（每个组件、字段、默认值）2）每个字段的计算公式/绑定关系（可直接粘贴到平台的公式编辑器）3）最终用户可使用的网页（发布链接或可导出的静态页面方案）4）附带一个“使用说明”页面：如何理解SWR/收益率/缺口/敏感性表请直接给出可执行的搭建方案与字段公式，不要只讲概念。