Jakou AI použít, abych udělal web bez programování?
Claude a další velké chatovací AI už umí postavit funkční jednostránkový web přímo v chatu a Claude Code dokáže vytvořit a zveřejnit celý web z vašeho počítače. Níže najdete, se kterou AI začít, a také no-code nástroje, pokud raději klikáte, než píšete.
Která AI to zvládne nejlépe
- Claude#1AI asistentPlán zdarma
Postaví funkční landing page přímo v chatu s živým náhledem, který můžete proklikat a upravovat prostě tím, že o změnu požádáte. Je to ale vždy jen jedna stránka: kvůli doméně, formulářům a hostingu budete muset kód přenést na hosting nebo do builderu.
Otevřít Claude ↗✦ Zkuste tento promptVytvoř jednostránkový web pro [název firmy], [čím se zabýváte] v [město]. Sekce: úvod s nadpisem a tlačítkem [Objednat se / Kontakt], 3 služby s cenami [seznam], o mně, 3 krátké časté dotazy, kontaktní formulář. Styl: [klidný / výrazný / minimalistický], barvy [barvy]. Přizpůsobený mobilu, obyčejné HTML a CSS v jednom souboru, ukaž mi živý náhled. Texty napiš sám přátelským tónem a pak se mě zeptej, co změnit.
- Claude Code#2AI agentPlacené
Volba pro vás, pokud chcete skutečný vícestránkový web, který patří vám. Vytvoří soubory na vašem počítači, spustí web lokálně a umí ho nasadit na bezplatný hosting. Potřebujete placený plán Claude a nesmí vám vadit psaní do terminálu nebo desktopové aplikace.
Otevřít Claude Code ↗✦ Zkuste tento promptV téhle prázdné složce vytvoř rychlý vícestránkový web pro [název firmy] ([čím se zabýváte]). Stránky: Úvod, Služby ([seznam]), O mně, Kontakt s formulářem, který posílá e-maily na [váš e-mail]. Použij Astro, žádné placené služby. Texty napiš sám, krátce a přátelsky. Spusť web lokálně a dej mi odkaz, ať ho můžu zkontrolovat. Až řeknu, že je to dobré, proveď mě krok za krokem zveřejněním zdarma na Netlify nebo Vercelu.
- Gemini#3AI asistentPlán zdarma
Bezplatná možnost. V režimu Canvas napíše stránku, ukáže živý náhled a umí se trefit do stylu podle screenshotu webu, který se vám líbí. Texty jsou fádnější než u Clauda a větší úpravy občas rozbijí rozvržení.
Otevřít Gemini ↗✦ Zkuste tento promptOtevři Canvas a vytvoř jednostránkový web pro [název firmy], [čím se zabýváte]. Přikládám screenshot webu, jehož styl se mi líbí: převezmi rozvržení a atmosféru, ale ne texty. Zahrň: nadpis, [počet] služeb s krátkým popisem, místo pro reference, kontaktní sekci s [telefon/e-mail]. Jeden HTML soubor, přizpůsobený mobilu, s živým náhledem.
- ChatGPT#4AI asistentPlán zdarma
Na rychlou stránku v Canvasu stačí a texty píše dobře, ale náhled je méně plynulý než u Clauda a bez popohánění často nedotáhne design do konce.
Otevřít ChatGPT ↗✦ Zkuste tento promptNapiš všechny texty i kód jednostránkového webu pro [název firmy] ([čím se zabýváte], cíloví zákazníci: [kdo]). Sekce: nadpis + podnadpis, 3 výhody, služby s cenami [seznam], krátce o mně, časté dotazy, kontakt. Kód dej do jednoho HTML souboru s vloženým CSS, přizpůsobený mobilu, barvy [barvy]. Pak vypiš, co je potřeba před zveřejněním změnit.
Specializované nástroje
- LovablePlán zdarma
Nejlepší, když web potřebuje skutečné funkce jako registraci nebo databázi. Popíšete ho v chatu a kód napíše sám.
Otevřít Lovable ↗ - FramerPlán zdarma
Nejlepší na vyladěnou landing page nebo portfolio. AI navrhne rozvržení a vy ho pak upravíte vizuálně jako v grafickém nástroji.
Otevřít Framer ↗ - Bolt.newPlán zdarma
Rychlé prototypy přímo v prohlížeči. Hodí se, když chcete nápad vyzkoušet dnes a rozhodnout se později, jestli stojí za to.
Otevřít Bolt.new ↗
Aktualizováno: