aionclaw可零代码生成纯前端在线工具网站：需先确认“模型通道已连通”，选择「全栈工程师」角色，用自然语言描述需求（如中文字符统计器），生成单html文件；支持追加指令热更新、本地免依赖运行，并能打包为含图标和内联资源的离线zip包。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你想用AionClaw快速做出一个能直接在浏览器里用的在线工具网站，比如单位换算器、文本去重页、JSON格式化器，不写前端框架、不配服务器、不部署域名，只靠自然语言指令就生成可访问页面。
确认开发前提与环境准备
打开AionClaw客户端，确保已登录且本地网络通畅。检查左下角状态栏显示「安全保护中」和「模型通道已连通」——【若未显示“模型通道已连通”，后续所有网页生成操作将无法执行】。
在主界面点击左侧导航栏【数字专家】→ 选择「全栈工程师」角色。这一步不能跳过，否则AionClaw默认按聊天助手逻辑响应，不会调用网页构建能力。
把项目目标明确告诉它：“我要做一个纯前端的在线工具网站，用户打开就能用，不需要后端、不存数据、不登录，输出HTML+CSS+JS单文件。”
用自然语言生成首个可用页面
在对话框中输入完整指令：“生成一个‘中文字符统计’工具网页：顶部放标题‘中文字符数统计器’，中间一个带占位符‘请输入文字…’的多行文本框，下方实时显示‘总字数’‘汉字数’‘标点数’‘空格数’四个数字，每输入一个字符就自动刷新，代码全部写在一个HTML文件里，内联样式和脚本，不引用外部资源。”
等待约8秒，AionClaw返回一个完整HTML代码块。复制全部内容 → 新建记事本 → 粘贴 → 另存为 char-counter.html（注意扩展名必须是 .html）→ 双击该文件，浏览器立即打开可交互页面。
这一步操作起来很简单，直接把文件拖进去就行。但必须保存为 .html 后缀，保存为 .txt 或没写后缀会导致双击无法识别为网页。
修改功能并热更新预览
回到AionClaw对话界面，在上一条指令后面追加：“再加一个‘清空’按钮，点击后文本框变空、所有数字归零。”→ 发送。
AionClaw会基于原结构精准补全按钮HTML和对应JS逻辑，不破坏原有样式。它自动检测你本地是否已打开过该HTML文件——如果已打开，会提示“检测到正在运行的页面，是否注入新逻辑？”，点击【是】后，浏览器中无需刷新，按钮立刻出现且功能可用。
若你关闭了浏览器，只需再次双击保存后的HTML文件即可。所有改动都保留在本地文件中，不上传、不联网、不依赖AionClaw持续运行。
导出为可分享的独立网站包
第一步：在对话中输入：“把当前这个中文字符统计器打包成免依赖网站包，包含首页HTML、图标favicon.ico（用文字‘字’生成）、压缩版CSS和JS（合并进HTML），输出ZIP文件。”
第二步：AionClaw自动生成压缩包，保存路径默认为 ~/Downloads/AionClaw-Exports/char-counter-v1.zip。
第三步：解压该ZIP → 进入文件夹 → 双击 index.html → 完整网站立即运行。这个包可直接发给同事，对方无需安装任何软件，Chrome/Firefox/Edge均可打开使用。
注意：ZIP包内所有资源已内联或转为Data URI，断网状态下仍可完全运行。图标由AionClaw实时渲染生成，不是调用网络图标库。
