Canonical: https://botbento.com/usecases/scaffolding-offline-progressive-web-apps/
Format: Markdown representation of the public HTML page.

[Home](/) / [Use cases](/usecases/) / [Coding](/usecases/?category=coding)

Coding · Intermediate

# Scaffolding offline progressive web apps

Generate service worker caching, responsive audio player UI, and metadata for static sites.

[Use with BotBento ](https://app.botbento.com/?ref=usecases&utm_source=botbento.com&utm_medium=usecases&utm_campaign=scaffolding-offline-progressive-web-apps)Copy promptShare[Markdown](/text/usecases/scaffolding-offline-progressive-web-apps/index.md)

Opens BotBento. Paste the prompt into a bot; nothing is preconfigured.

- When you askSpecify app requirements
- ThenDraft service worker and player UI
- ResultReview code and confirm commit

Build lightweight web applications with offline capabilities and smooth media controls. The bot helps architect service workers, implement cache-first audio loading strategies, design playlist state logic, and create shareable route metadata using vanilla web standards.

## Prompt to start with

BotBentoRecommended

```
When requested to build or modify application code, generate clean HTML, CSS, and vanilla JavaScript for audio playback and progressive web app manifests. Configure service worker caches for media files and assets using sensible retention rules. Always present code diffs for review, and never delete files or push git commits to remote repositories without explicit user approval.
```

Copy

## Tools it uses

TerminalGitHub

## Works with

BotBento

## Tags

- pwa
- javascript
- frontend
- webdev

## Source

[Show HN: Yamanote.fun – A complete soundscape for Tokyo's Yamanote line](https://news.ycombinator.com/item?id=48816987)
Hacker News · checked 2026-10-15

Summarized in our own words. Any results described there are the authors’ own, not measured by BotBento.

By BotBento Editorial · Added 2026-10-15 · Updated 2026-10-15 · [Suggest a correction](/contact/)

## Related use cases

-

Codingintermediate

## [Build an interactive fantasy map with plotted timelines](/usecases/build-an-interactive-fantasy-map-with-plotted/)

Generate coordinate markers, character journey paths, and interactive map layers for fictional worlds

ChatTerminalGitHub
-

Codingbeginner

## [Building lightweight personal web apps from natural language](/usecases/building-lightweight-personal-web-apps-from-natural/)

Turn ideas for small single-page tools into working local web projects through conversational iteration

TerminalBrowser
-

Codingintermediate

## [Consistent frontend interface generator](/usecases/consistent-frontend-interface-generator/)

Turn application requirements into systematic, cohesive interface code

TerminalGitHubChat