harvis
Claude

Paano mag-publish ng HTML mula sa Claude chat

Claude is brilliant at building single-file websites — landing pages, presentations, little games — but Anthropic doesn't host them. Your page lives in an Artifact inside claude.ai, and the people you want to show it to don't have your chat. Here's how to move it from the chat to a real, shareable web address in about half a minute.

steps
  1. 01

    Open the Artifact

    Your page appears in Claude's side panel as an Artifact with a live preview. Click it so the preview panel is open, then switch to the code view if you want to peek at the HTML.

  2. 02

    Copy or download the code

    Use the copy icon at the bottom of the Artifact panel, or the download button to save the file straight to your computer. Either way you now have the full HTML.

  3. 03

    I-save bilang index.html

    I-paste ang code sa kahit anong text editor — Notepad, TextEdit, VS Code — at i-save ang file bilang index.html. Mahalaga ang pangalan: ito ang ituturing ng mga browser na homepage mo.

  4. 04

    I-drop sa box sa ibaba

    I-drag ang index.html (o ang buong folder) sa upload box sa page na ito at pindutin ang publish. Agad na makukuha ng site mo ang sarili nitong web address.

  5. 05

    I-share ang link mo

    Iyon na — ipadala ang URL kahit kanino. Puwede mong palitan ang pangalan ng site, i-update ang mga file, o i-delete ito mula sa dashboard mo kailan mo gusto.

I-drop ang Claude HTML mo dito

Isang file o buong folder — makakakuha ka ng live link sa mismong sandali na na-publish ito.

I-drag ang website mo dito

Mag-drop ng folder o ZIP file na may index.html — o mag-paste na lang ng HTML mula sa clipboard mo — at io-online namin ito sa loob ng ilang segundo. Walang setup, walang config, walang gulo.

O hayaan ang Claude na mag-publish para sa'yo

Laktawan na ang pagko-kopya. Kopyahin ang handa na naming instructions, i-paste ito sa Claude conversation mo, at puwede nitong i-upload ang site gamit ang API namin — makakakuha ka ng live link at private na claim link para angkinin ito.

Mas gusto mong gumawa sa terminal? Patakbuhin ang npx harvis — walang kailangang account.

Mga tanong tungkol sa pag-publish sa Claude

Claude gives me a share link for Artifacts — isn't that enough?

A published Artifact link opens inside claude.ai with Claude branding around it, and viewers may be asked to sign in. Publishing here gives you a plain website on its own address that anyone can open in any browser — no account, no chrome around your page.

What if I'm using Claude Code in the terminal?

Then your files are already on disk — even easier. Run npx harvis inside the project folder and it deploys everything, or paste our AI instructions into Claude Code and it will publish the site for you through our API.

Ano ang pinakamadaling paraan para mag-publish ng HTML mula sa Claude?

May tatlo. Ang pinakamadali: kopyahin ang HTML mula sa Claude at i-paste ito sa box sa page na ito — agad itong gagawing live site namin. Hands-off: kopyahin ang AI instructions namin sa Claude conversation mo at mag-publish ito gamit ang API namin para sa'yo. Sa terminal: patakbuhin ang npx harvis sa folder ng site at mag-de-deploy ito gamit ang isang command.

Kailangan ko ba ng account para mag-publish?

Ang pag-publish mula sa page na ito ay nangangailangan ng libreng account, para may tahanan ang site mo sa dashboard mo. Ayaw mag-sign up? Patakbuhin ang npx harvis sa terminal — mag-de-deploy ito nang walang account at bibigyan ka ng private na claim link para sa susunod.

Paano kung mahigit sa isang file ang ibinigay sa akin ng Claude?

Ilagay ang lahat sa isang folder — index.html sa itaas, kasama ang anumang CSS, JavaScript, at larawan na tinutukoy nito — at i-drag ang buong folder sa box. Hanggang 500 file at 50 MB kada site.

Magkano ang gastos, at gaano katagal mananatiling online ang site?

Libre ito, at hindi nag-e-expire ang mga na-publish na site — mananatili itong live hanggang sa i-delete mo ito mula sa dashboard mo. Mag-re-upload anumang oras at mananatiling pareho ang link.

other tools

Gumagamit ng ibang AI chat?

Halos pareho ang proseso kahit saan — piliin ang tool mo para sa eksaktong mga hakbang.