Ismerős a helyzet? Kérdezel valamit egy AI-tól, kapsz egy hosszú választ, majd keresgélheted, melyik részt tudod ténylegesen felhasználni. Claude Artifacts ezt másképp közelíti meg. Azonnal láthatod, amit létrehozol, egy külön képernyőn, és rögtön szerkesztheted is. Olyan érzés, mintha együtt építkeznél Claude-dal, ahelyett hogy csak utasításokat adnál. Nem kell semmit másolni vagy beilleszteni, minden készen áll a közös munkára. Legyél akár designer, tanár vagy marketinges, perceken belül létrehozhatsz valamit, ami jól működik, és a legszebb az egészben, hogy közben megtanulod, hogyan épülnek fel a dolgok.
Az Artifacts egy extra ablak a chat mellett. Ha kódot vagy weboldalt kérsz, az eredmény a képernyő jobb oldalán jelenik meg. Balra beszélgetsz Claude-dal, jobbra látod, mi készül el. Így minden áttekinthető marad.
Claude maga dönti el, mikor elég fontos valami ahhoz, hogy Artifact legyen belőle. Ez általában 15 sornál hosszabb részeknél történik, amelyeket később szeretnél módosítani. Te elmondod, mit szeretnél, Claude pedig elkészíti.
A szép az egészben: ugyanazon az Artifacton tovább is dolgozhatsz. Hibát találtál, vagy szeretnél hozzáadni valamit? Adj visszajelzést, és Claude módosítja anélkül, hogy elölről kezdené. Minden verzió megmarad, így bármikor visszatérhetsz egy korábbi változathoz.
Mit hozhatsz létre vele? Gondolj interaktív weboldalakra React-tel, adatvizualizációkra, SVG képekre, markdown dokumentumokra vagy HTML oldalakra. Az Artifact letölthető, másolható, vagy közvetlenül a böngésződben kipróbálható. Semmi macera fájlok ide-oda húzogatásával.
Claude veled együtt dolgozik, amíg minden pontosan jó nem lesz. Kérd meg, hogy nagyítson egy gombot, használjon más színeket, vagy adjon hozzá extra funkciókat. Az ablak nyitva marad, amíg tovább beszélgettek, így azonnal látod, mi változik.
Bármit létrehozhatsz. A Claude artifacts funkció Python vagy JavaScript kódot használ, ami azonnal működik. Webodalak, amelyek rögtön futnak. Grafikonok és diagramok. Megfelelő formázású dokumentumok. Még egyszerű játékok is.
Praktikus példa: tölts fel egy Excel-táblázatot számokkal, és kérd meg, hogy készítsen belőle egy grafikont. A Claude megérti az adatokat, és felépíti a vizualizációt.
A funkció legtöbbször már be van kapcsolva. Ha nem, nézd meg a Settings-nél. Telefonon is működik.
Írd be, mire van szükséged. Például: „Készíts egy flashcard appot, amiben magam választhatom ki a témát.” Látni fogod, hogy Claude azonnal létrehoz egy működő appot. Túl nagy? Kérd meg: „Csökkentsd a szöveg méretét.” Túl unalmas? „Adj hozzá egy gombot.” (Ebben az esetben japán nyelv tanulására szolgáló flashcardokat.)
Válassz ki egy részt, és kattints az Improve gombra a módosításokhoz, vagy az Explain gombra a magyarázathoz. Minden módosítás egy új verziót eredményez. Nem tetszik mégsem? Menj vissza a nyilakkal alul.
A claude.ai/artifacts oldalon megtalálsz mindent, amit valaha készítettél. A saját galériád. Itt találsz mások által készített példákat is, amelyeket lemásolhatsz és testre szabhatsz. Keress rá például a „Learn something” kifejezésre tananyagért, vagy a „Play a game” kifejezésre játékokért.
Az artifactjaid a beszélgetéseidhez kapcsolódnak. Kattints egy artifactra, és azonnal visszaugrasz ahhoz a chat-beszélgetéshez, ahol létrehoztad.
Praktikus, ha tudni szeretnéd, milyen utasításokat adtál, vagy tovább szeretnél dolgozni egy projekten.
Minden artifact kap egy nyilvános linket, amelyet megoszthatsz. Mások láthatják, mit készítettél, és felhasználhatják kiindulópontként a saját verziójukhoz. Az eredetit nem módosítják – mindenki a saját másolatában dolgozik.
A szűrőfunkció segít gyorsan megtalálni, amit keresel. Rendezhetsz dátum, fájltípus szerint, vagy átkutathatod a teljes gyűjteményedet. Sok különböző projekten dolgozol? Így könnyen áttekintésed marad.
A Team felhasználók biztonságosan megoszthatják munkájukat kollégáikkal. Láthatjátok egymás artifactjait a csapat-környezeten belül, így tanulhattok egymástól vagy együtt dolgozhattok projekteken.
Készítesz valami jó dolgot? Oszd meg a linket. Nem számít, hogy 10 vagy 1000 ember használja, te semmit sem fizetsz. Az ő használatuk nem számít bele a tiédbe.
Ami még jobb: most már készíthetsz olyan appokat is, amelyek maguk beszélgetnek a Claude-dal. Egy fix kártyakészlet helyett készíthetsz egy appot, ahová bárki beírhat egy témát. Az app megkéri a Claude-ot, hogy készítsen új kártyákat. Gondolj egy íróssegédre, amely visszajelzést ad, vagy egy kvízgenerátorra, amely bármilyen témában kérdéseket talál ki.
Marketingesek: teszteljetek gyorsan az ötleteket. Építsetek tíz perc alatt egy landing oldalt, hogy lássátok, jól átgondolt-e a koncepciótok. Készítsetek kalkulátorokat vagy email sablonokat.
Fejlesztők: próbáljátok ki az ötleteiteket, mielőtt órákat fektetnétek bele. Készítsetek jó példákkal alátámasztott technikai magyarázatokat.
Tanárok: építsetek kvízeket, amelyek automatikusan generálnak kérdéseket. Készítsetek szimulációkat, amelyek bonyolult dolgokat magyaráznak el, és amelyeket a diákok azonnal kipróbálhatnak.
Tartalomkészítők: írjatok blogokat, tervezzetek tartalmakat, készítsetek posztokat egyszerre.
Legyél konkrét. Ne azt mondd, hogy „készíts egy weboldalt”, hanem inkább: „készíts egy portfóliót fejléccel, 3 projektpéldával és kapcsolatfelvételi űrlappal.” Minél egyértelműbb vagy, annál jobb lesz az eredmény.
Haladj lépésről lépésre. Először az alapok, aztán a plusz funkciók, majd a stílus. Váltogass a előnézet (hogyan néz ki) és a kód (hogyan működik) között, hogy megértsd, mi történik.
Adj példákat, ha valami konkrétra gondolsz. Van egy bizonyos színséma vagy elrendezés az elképzelésedben? Írd le, vagy hivatkozz egy oldalra, amit szépnek találsz. A Claude így jobban megérti, milyen irányba szeretnél haladni.
Egyszerűen mondd tovább, ha valami nem stimmel. Az olyan mondatok, mint „az a gomb balra kell, hogy kerüljön” vagy „nagyítsd fel a szöveget” tökéletesen működnek. Nem kell újrakezdened – a Claude módosítja a meglévő Artifactot.
Rendszeresen teszteld, amit létrehozol. Kattints a gombokra, tölts ki űrlapokat, próbáld ki, hogy minden úgy működik-e, ahogy elvárod. Ha valamit találsz, ami nem megy simán, azonnal szólj, és a Claude megoldja.
Maradj reális azzal kapcsolatban, hogy mi lehetséges. Az Artifactok tökéletesek prototípusokhoz, vizualizációkhoz és interaktív demókhoz. Adatbázisokat vagy szerveroldali logikát igénylő összetett alkalmazásokhoz többre van szükséged, mint egy egyszerű Artifact. A Claude őszintén elmondja, ha a kérésed túlmutat a lehetőségeken.
Őrizd meg a jól bevált promptjaidat. Találtál egy magyarázási módot, ami jól működött? Jegyezd fel. A következő projektednél ugyanazt a megközelítést használhatod.
Egyáltalán nem kell értened a programozáshoz. Nyisd meg a Claude-ot, mondd el, mit szeretnél, és nézd meg, mi történik. Kezdd kicsiben. Készíts egy egyszerű eszközt. Órák munkája helyett perceken belül készen van valami. És ha nem jó? Egyszerűen kérd meg, hogy módosítsa. Sok sikert!
Képek vagy videók készítése nem lehetséges. Külső weboldalakról sem tudsz adatokat lekérni biztonsági okokból. Nagyon nagy fájloknál lassulás fordulhat elő. De a legtöbb dologhoz remekül működik.
