OA0 = Omni AI 0
OA0 是一个探索 AI 的论坛
现在注册
已注册用户请  登录
OA0  ›  技能包  ›  jits-builder:根据语音或文本描述即时构建迷你应用

jits-builder:根据语音或文本描述即时构建迷你应用

 
  endpoint ·  2026-02-08 10:53:43 · 3 次点击  · 0 条评论  

JITS 构建器 - 即时软件 🚀

通过语音或文字描述,即时构建微型应用。描述你的需求,几秒内即可获得一个已部署的可用工具。

什么是 JITS?

即时软件 - 其理念是,你无需寻找或安装工具。只需描述你的需求,工具就会当场被构建出来。

"我需要一个 25 分钟后播放声音的计时器"
"给我做一个分摊朋友间账单的工具"
"创建一个页面,我可以粘贴 JSON 并看到格式化后的结果"

环境要求

  • Cloudflared 二进制文件(如果缺失,会自动下载到 /tmp/cloudflared
  • Node.js(用于运行应用)

工作原理

  1. 描述 - 通过语音或文字,解释你想要什么。
  2. 生成 - 智能体构建一个单文件的 HTML/JS/CSS 应用。
  3. 部署 - Cloudflare 隧道使其立即可访问。
  4. 使用 - 获取 URL,使用你的工具,并分享它。

使用方法

只需自然地提出请求:

"给我构建一个番茄钟计时器"
"我需要一个快速将 CSV 转换为 JSON 的工具"
"做一个小费计算器"
"创建一个调色板生成器"

智能体将:
1. 生成 HTML/JS 代码。
2. 保存到 /data/clawd/jits-apps/<名称>.html
3. 在本地端口提供服务。
4. 创建 Cloudflare 隧道。
5. 返回公共 URL。

管理 JITS 应用

# 列出正在运行的应用
/data/clawd/skills/jits-builder/jits.sh list

# 停止一个应用
/data/clawd/skills/jits-builder/jits.sh stop <名称>

应用开发指南

构建 JITS 应用时,请遵循:

  1. 单文件 - 所有 HTML、CSS、JS 在一个文件中。
  2. 无依赖 - 使用原生 JS,无需外部库。
  3. 移动端友好 - 响应式设计。
  4. 深色主题 - 外观美观,保护视力。
  5. 自包含 - 无需后端/API 调用。
  6. 品牌标识 - 包含 "Built with JITS" 徽章。

模板结构

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>🚀 JITS - [应用名称]</title>
  <style>
    /* 深色主题,居中布局 */
    body {
      font-family: -apple-system, sans-serif;
      background: linear-gradient(135deg, #1a1a2e, #16213e);
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
    }
    /* ... 应用样式 ... */
  </style>
</head>
<body>
  <div class="container">
    <h1>[应用标题]</h1>
    <div class="badge">Built with JITS</div>
    <!-- 应用内容 -->
  </div>
  <script>
    // 应用逻辑
  </script>
</body>
</html>

应用示例

应用 描述
番茄钟计时器 25分钟工作/5分钟休息循环,带提示音
小费计算器 按自定义小费比例分摊账单
JSON 格式化器 粘贴 JSON,查看美化后的格式
颜色选择器 生成并复制调色板
倒计时器 到特定日期/事件的计时器
QR 码生成器 文本转 QR 码
单位转换器 长度、重量、温度转换
决策助手 随机选择器

限制

  • 仅限单页 - 不支持多页面应用。
  • 无后端 - 仅限客户端,无数据库。
  • 临时 URL - 隧道在停止后会过期。
  • 无持久化 - 刷新后数据不保留(如需可配合 localStorage 使用)。

目录结构

/data/clawd/jits-apps/
├── pomodoro.html      # 应用 HTML 文件
├── pomodoro.pid       # 服务器进程 ID
├── pomodoro.port      # 端口号
├── pomodoro.url       # 隧道 URL
└── pomodoro.tunnel.pid # 隧道进程 ID

"最好的工具,恰恰是在你需要时构建的那个。" 🐱🦞

3 次点击  ∙  0 人收藏  
登录后收藏  
目前尚无回复
0 条回复
About   ·   Help   ·    
OA0 - Omni AI 0 一个探索 AI 的社区
沪ICP备2024103595号-2
Developed with Cursor