xiry.

Development · Tip

Build and Deploy an App with Claude and Tiiny Host

Workflow to generate HTML apps with Claude and host them instantly

From the Xiry library · Updated 11 October 2026

This workflow explains how to generate a single-file web app using Claude's Artifacts feature and publish it online immediately using Tiiny Host. It provides a quick path from an initial prompt to a publicly accessible web app without manual coding or complex deployment tooling.

How it works

Workflow: 1) Prompt Claude (claude.ai): 'build me a calc app in HTML' — Claude generates the full HTML/CSS/JS code as an artifact and shows a live preview of the working calculator. 2) Iterate in chat: 'make it dark mode' — Claude regenerates the artifact (e.g. dark background #212121, operator buttons orange) and the preview updates. 3) Download the artifact HTML file and upload it to tiiny.host ('My Projects' → upload calculator-app.html, set subdomain like 'calc-app.tiiny.co'). 4) Deploy — 'BOOM!' — get a live public URL (copper-frances-58.tiiny.co shown) with Update/View Site, copy link, QR code, embed and share options, and settings like 'Hide from Search Engines'. Demo app: a calculator with C, parentheses, digits, DEL, and orange operator buttons (/ * - + =).

What it's for

  • Prototype simple single-file web tools using AI prompts
  • Deploy quick client demos or calculators to a public URL
  • Share interactive HTML artifacts with non-technical users

Key points

  • Prompt Claude to generate complete HTML, CSS, and JavaScript in an Artifact
  • Iterate on design and functionality directly within chat prompts
  • Download the generated standalone HTML file
  • Upload the HTML file directly to Tiiny Host to assign a subdomain and launch

Pricing

Free tiers available on both Claude and Tiiny Host

Details

Type
Tip
Category
Development
Topic
AI Prototyping
Open source
No
Platforms
Web
For
Non-technical creators, rapid prototypers, and indie hackers
Alternative to
Vercel, Netlify Drop, GitHub Pages
Tags
claude, artifacts, deployment, tiinyhost, nocode, prototyping

Why it was saved

  • @_baretto, 2 September 2024: Shows a zero-code path from a single prompt to a live hosted site in seconds.

Compare

Related

Updated