Claude pisze całą stronę w jednym artefakcie: landing page, quiz, kalkulator, raport. Aby dać jej własny dom poza czatem, opublikuj ją w Lobsite: wklej kod artefaktu w polu powyżej albo połącz Lobsite z Claude i poproś o publikację. Budujesz zamiast tego w Claude Code? Zobacz Wdrażanie z Claude Code.
Jak to działa
- Pobierz kod artefaktu. W panelu artefaktu przełącz się na widok kodu i skopiuj go albo pobierz plik.
- Wklej go w polu powyżej i kliknij Opublikuj tę stronę. Dostaniesz działający adres
*.lobsite.appz HTTPS. - Zachowaj ją. Strona działa 6 godzin; Zachowaj za darmo → przenosi ją na darmowe konto pod tym samym adresem.
Artefakty HTML i artefakty React
Claude tworzy artefakty kilku rodzajów i ma znaczenie, który masz:
- Artefakty HTML (pełna strona zaczynająca się od
<!doctype html>) publikują się bez zmian. Działają style i skrypty inline, a także biblioteki ładowane z CDN po pełnym URL. - Artefakty React (kod zaczynający się od
importiexport default function) nie są jeszcze stroną internetową: buduje je za Ciebie panel artefaktu. Poproś Claude, by zamienił go w stronę, np. promptem jak poniżej, a potem wklej wynik.
Rewrite this artifact as one self-contained index.html: plain HTML, CSS and
JavaScript, no build step, any libraries loaded from a CDN by full URL.
Keep the design and behaviour exactly the same.
Obrazy, których Claude nie może utworzyć jako pliki (logo, zdjęcia), potrzebują pełnego URL https://; możesz też umieścić stronę i obrazy w folderze i upuścić folder w karcie Upuść pliki.
Niech Claude to opublikuje: konektor
Claude.ai może używać Lobsite jako własnego konektora, czyli zdalnego serwera MCP. Dodaj w ustawieniach Claude własny konektor z tym adresem URL:
https://lobsite.com/api/mcp
Potem poproś: „Opublikuj tę stronę w Lobsite”. Claude wywoła jedyne narzędzie konektora, deploy_files, z treścią strony i odpowie adresem oraz linkiem do przejęcia, który pozwala zachować stronę. Własne konektory są dostępne w planach Claude, które je obsługują; strona MCP zawiera szczegóły dla każdego klienta.
Wdrożenie bez konta działa przez 6 godzin. Link do przejęcia pozwala je zatrzymać, za darmo.
npx lobsite mcp dla agentów programistycznych, lobsite.com/api/mcp dla asystentów czatu.
Każda strona dostaje adres *.lobsite.app z HTTPS od pierwszego wdrożenia.
Skieruj formularz na /_lobsite/forms/contact. Filtr spamu w zestawie.
Podgląd przed publikacją. Wycofanie jednym kliknięciem, razem z przekierowaniami.
Także na darmowych kontach: dodaj jeden rekord DNS, a strona przeniesie się na Twoją domenę. Każda strona ma HTTPS w każdym planie.
Przycisk Publish w Claude czy strona
Claude może udostępnić artefakt własnym przyciskiem Publish. To najszybszy sposób, by pokazać komuś artefakt wewnątrz Claude. Strona jest na wypadek, gdy ma działać samodzielnie:
| Publish w Claude | Lobsite | |
|---|---|---|
| Gdzie się otwiera | Na claude.ai | Pod własnym adresem *.lobsite.app |
| Własne pliki (obrazy, kolejne strony) | Nie | Tak: upuść folder |
| Formularze wysyłające Ci wiadomości | Nie | Tak, gdy strona jest na koncie |
| Aktualizacje | Opublikuj nową wersję z Claude | Wklej ponownie i kliknij Zaktualizuj albo wdróż ponownie |
| Własna domena | Nie | Tak, za darmo |
| Wymaga konta | Twojego konta Claude | Nie przez 6 godzin; zachowanie za darmo |
Najczęstsze pytania
Czy mogę hostować artefakt Claude za darmo?
Tak. Publikowanie bez konta jest darmowe i trwa 6 godzin. Darmowe konto Lobsite zachowuje jedną stronę na stałe, z 10 GB transferu miesięcznie.
Dlaczego opublikowany artefakt to pusta strona?
Najpewniej to artefakt React: jego kod wymaga builda, który panel artefaktu robi za Ciebie. Poproś Claude, by przepisał go jako jeden samodzielny plik HTML (prompt jest powyżej), i opublikuj ten plik.
Czy potrzebuję konektora?
Nie. Skopiowanie kodu i wklejenie go tutaj działa w każdym planie Claude. Konektor oszczędza kopiowanie i wklejanie oraz pozwala Claude aktualizować stronę, gdy dalej ją zmieniasz.
Czy ludzie znajdą moją stronę w Google?
Nie, dopóki jest tymczasowa: strony bez konta nie są indeksowane. Gdy zachowasz ją na darmowym koncie, wyszukiwarki mogą ją indeksować.
Czy mogę dodać do strony formularz kontaktowy?
Tak. Poproś Claude, by formularz wysyłał dane do /_lobsite/forms/contact. Wiadomości trafiają do Twojego panelu i na Twój e-mail, gdy strona jest na Twoim koncie. Zobacz formularze.