JITS Builder - Just-In-Time Software 🚀

Build instant mini-apps from voice or text descriptions. Describe what you need, get a working tool deployed in seconds.

7 stars

byDemerzels-lab

View on GitHub Installation ↓

Best use case

JITS Builder - Just-In-Time Software 🚀 is best used when you need a repeatable AI agent workflow instead of a one-off prompt.

Build instant mini-apps from voice or text descriptions. Describe what you need, get a working tool deployed in seconds.

Teams using JITS Builder - Just-In-Time Software 🚀 should expect a more consistent output, faster repeated execution, less prompt rewriting.

When to use this skill

You want a reusable workflow that can be run more than once with consistent structure.

When not to use this skill

You only need a quick one-off answer and do not need a reusable workflow.
You cannot install or maintain the underlying files, dependencies, or repository context.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/jits-builder/SKILL.md --create-dirs "https://raw.githubusercontent.com/Demerzels-lab/elsamultiskillagent/main/public/skills/dannyshmueli/jits-builder/SKILL.md"

Manual Installation

Download SKILL.md from GitHub
Place it in .claude/skills/jits-builder/SKILL.md inside your project
Restart your AI agent — it will auto-discover the skill

How JITS Builder - Just-In-Time Software 🚀 Compares

Feature / Agent	JITS Builder - Just-In-Time Software 🚀	Standard Approach
Platform Support	Not specified	Limited / Varies
Context Awareness	High	Baseline
Installation Complexity	Unknown	N/A

Frequently Asked Questions

What does this skill do?

Build instant mini-apps from voice or text descriptions. Describe what you need, get a working tool deployed in seconds.

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

SKILL.md Source

# JITS Builder - Just-In-Time Software 🚀

Build instant mini-apps from voice or text descriptions. Describe what you need, get a working tool deployed in seconds.

## What is JITS?

**Just-In-Time Software** - the idea that you don't need to find or install tools. You describe what you need and it gets built on the spot.

> "I need a timer that plays a sound after 25 minutes"
> "Make me a tool to split a bill between friends"  
> "Create a page where I can paste JSON and see it formatted"

## Requirements

- Cloudflared binary (auto-downloads to `/tmp/cloudflared` if missing)
- Node.js (for serving the app)

## How It Works

1. **Describe** - Voice or text, explain what you want
2. **Generate** - Agent builds a single-file HTML/JS/CSS app
3. **Deploy** - Cloudflare tunnel makes it instantly accessible
4. **Use** - Get a URL, use your tool, share it

## Usage

Just ask naturally:

```
"Build me a pomodoro timer"
"I need a quick tool to convert CSV to JSON"
"Make a tip calculator"
"Create a color palette generator"
```

The agent will:
1. Generate the HTML/JS code
2. Save to `/data/clawd/jits-apps/<name>.html`
3. Serve on a local port
4. Create Cloudflare tunnel
5. Return the public URL

## Managing JITS Apps

```bash
# List running apps
/data/clawd/skills/jits-builder/jits.sh list

# Stop an app
/data/clawd/skills/jits-builder/jits.sh stop <name>
```

## App Guidelines

When building JITS apps:

1. **Single file** - All HTML, CSS, JS in one file
2. **No dependencies** - Use vanilla JS, no external libraries
3. **Mobile-friendly** - Responsive design
4. **Dark theme** - Looks good, easy on eyes
5. **Self-contained** - No backend/API calls needed
6. **Branded** - Include "Built with JITS" badge

## Template Structure

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>🚀 JITS - [App Name]</title>
  <style>
    /* Dark theme, centered layout */
    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;
    }
    /* ... app styles ... */
  </style>
</head>
<body>
  <div class="container">
    <h1>[App Title]</h1>
    <div class="badge">Built with JITS</div>
    <!-- App content -->
  </div>
  <script>
    // App logic
  </script>
</body>
</html>
```

## Example Apps

| App | Description |
|-----|-------------|
| Pomodoro Timer | 25/5 min work/break cycles with sound |
| Tip Calculator | Split bills with custom tip % |
| JSON Formatter | Paste JSON, see it pretty-printed |
| Color Picker | Generate and copy color palettes |
| Countdown | Timer to a specific date/event |
| QR Generator | Text to QR code |
| Unit Converter | Length, weight, temperature |
| Decision Maker | Random picker for choices |

## Limitations

- **Single-page only** - No multi-page apps
- **No backend** - Client-side only, no databases
- **Temporary URLs** - Tunnels expire when stopped
- **No persistence** - Data doesn't survive refresh (use localStorage if needed)

## Directory Structure

```
/data/clawd/jits-apps/
├── pomodoro.html      # App HTML
├── pomodoro.pid       # Server process ID
├── pomodoro.port      # Port number
├── pomodoro.url       # Tunnel URL
└── pomodoro.tunnel.pid # Tunnel process ID
```

---

*"The best tool is the one you build exactly when you need it."* 🐱🦞

Related Skills

timecamp

from Demerzels-lab/elsamultiskillagent

Use when the user asks about time tracking, time entries, tasks, timers, or anything related to TimeCamp.

builder-data

from Demerzels-lab/elsamultiskillagent

Query builder reputation data via Talent Protocol API.

context-builder

from Demerzels-lab/elsamultiskillagent

Generate LLM-optimized codebase context from any directory using context-builder CLI.

timer

from Demerzels-lab/elsamultiskillagent

Set timers and alarms. When a background timer completes, you receive a System notification - respond with the reminder message (NOT HEARTBEAT_OK) to notify the user.