Egy részletes deep research jelentésből Claude Code-dal készült, látványos és interaktív összehasonlító oldal két használt Mazda SUV között: méretarányos kontúrok, hengeranimáció, költségkalkulátor és élő döntéssegítő.
Egy család használt autót keresett €30–40 ezer körüli keretből, 30–100 ezer km-es futásteljesítménnyel, és a Mazda CX-5 (2023–2025) és a CX-60 között kellett döntenie. A két modellről volt egy részletes deep research jelentés és egy fotómappa, de egy hosszú, számokkal teli szövegből nehéz dönteni. A cél egy olyan weboldal volt, amely a kutatás adatait, előnyeit, hátrányait és méreteit könnyen érthetővé teszi, kódból rajzolt ábrákkal, Mazda színekkel. Mintapéldája lehet bármely két autómodell összehasonlításának: interaktív, látványos, felfedezésre invitáló, közben használható és informatív.
Az oldal egyetlen, internet nélkül is működő HTML-oldal, tíz szakasszal. A két modell végig saját színkódot kap (CX-5: Soul Red piros, CX-60: Zircon Sand arany), és minden adatnál ott a teljes típus- és motornév (pl. „CX-60 3.3 D200 dízel”). Gyors ítélet: hat élethelyzet-kártya, megfordítva mutatják az ajánlott autót. Két műszaki világ: felülnézeti hajtáslánc-ábra öt változatban – keresztben vagy hosszában beépített motor, váltó, hajtott kerekek, PHEV-akku. Méretek: a két autó méretarányos kontúrja egymásra téve oldalról, felülről és szemből; garázsteszt a saját garázsmérettel, padkateszt, utánfutó-csúszka, csomagtér 10 literes kockákban (gyári és ADAC-mért érték). Motorok: hét motorkártya, rámutatáskor a hengerek gyújtási sorrendben dolgoznak, a benzines CX-5-nél a hengerlekapcsolás is látszik; 0–100 km/h sprint valós időarányban és teljesítmény–nyomaték erőtérkép. Éves üzemanyag-kalkulátor saját kilométerrel és árakkal, forintban vagy euróban – ahol van ADAC-mérés, azt használja, ahol nincs, a gyári WLTP-t. Megbízhatóság – visszahívások: CX-5 lerobbanási statisztika, „Melyik CX-60 az Öné?” gyártásidő-csúszka, ismert hibák A–D bizonyossági szinttel, kockázati mátrix. Piac: hirdetési árak pontdiagramon a keret sávjával. Döntéssegítő: a saját igények csúszkáira élőben rangsorol dobogóval és „Miért ezt?” indoklással, kemény szűrőkkel (vontatás, kötelező AWD, töltés nélküli PHEV). Átvizsgálás: modell, üzemanyag és km szerint szűrt ellenőrzőlista haladásjelzővel, hirdetés-szűrő, országtippek. Felépítés: minden adat egyetlen fájlban (data.mjs) van, egy közös rajzoló- és pontozómodul fut a buildben és a böngészőben is. Az adatfájl cseréjével az oldal bármely két autóra újragenerálható. A becsléseket és a kimaradt adatokat az oldal README-je átláthatóan felsorolja. Az oldal Coolify-on, nginx-konténerben fut a carcompare.darwinai.hu címen. A bemutatáshoz Playwrighttal felvett, ffmpeg-gel vágott, kódból szintetizált, ütemre vágott zenéjű videó is készült.
Az első teljes, tesztelt változat egyetlen promptból, kb. 40 perc alatt készült el; a teljes projekt – két javítókör, élesítés és a bemutatóvideó – 4 promptból, kb. 3 óra aktív munkával, 2 nap alatt. Az eredmény egy 10 szakaszos, 7 motorkártyás, élő döntéssegítővel és ellenőrzőlistával ellátott oldal, amelyet a család a valódi autóválasztáshoz használ, és egy 3 perc 54 mp-es bemutatóvideó. Tanulság: egy kutatási jelentésből néhány óra alatt olyan döntéstámogató felület készülhet, amilyen ma még a gyártók saját oldalain sincs.
Ez az a prompt, amellyel a projekt elindult. A további iterációkat a prompt library mutatja be.
Mazda cx5 vs cx 60
Autóvásárlásban gondolkodunk és a cx5 és cx60 között döntéshez jutottunk.
HasználTAT FOUNK VENNi, 30-40.000 EURo környéki összegért – 30-100.000 km közötti teljeseítménnyel
A motortípiust (benzin vagy dizel) még nem tudjuk, bármlyik jó lhet.
A folderben megtalálod egy a két modell számos szempotn szerinti összehasonlítására készült deep research eredményét – valamint fotókat küln, külön az autókról, a fiel nevében a tartalmábal
Feldatot, hogy a talán webpage design-nak nevezett saját skillt is használva, készítsd egyolyan,a két modellt, motorjaikat, méreteiket, stb összehasonlító web oldalt, mellyel köönnyüvé válik a kutatásban lévő adatok, számok, előynök, hjéátrányok, méretek feldolgozása
Haszánl akár kódból rajzolt ábrákat, illsuztrációkat, minél egyértelműbben, könnyebben lehessen mégerteni az infot – pl a hossznál egymásra tette auto modell k ontur mutassa a nagyságkülnböséget, stb, srb – ahol releváns ilyet haszunálj
A mazda bordó és más színeit használd – legyen egy ltáványos, praktikus modell összehasonlító odlal, mely bármilyen két vagy több auto modell üsszahasnlításáre készülő interkatív, informatiív, látványos, fun to use, felfedezésre invitáló web oldal mintapléldája, etalonja lehet.
Bármiylen funkciót, adatot, interakciót hozzátehetsz ami a célt szolgálja – és ha szükséges még infot is kereshetsz
Olyan egyedi, fantasztikus web oldal kell - mely joggal lehetne dikjnyertes egy web desing versenyen - ugyanakkor jól használható, informativ, célját betöltőKapcsolódó
Windowsos asztali alkalmazás, amely Bluetooth-on kapcsolódik a Wahoo KICKR görgőhöz. Strukturált edzések, térképről tervezett valós útvonalak és a három nagy körverseny 30 emelkedője – több versenyzőnek, minden adat helyben.
Végigvideózod a könyvespolcodat a telefonoddal, az AI elolvassa a gerinceket, és pár perc múlva kész a böngészhető, szerkeszthető, exportálható könyvkatalógusod – regisztráció nélkül is.
Egy OpenClaw rendszer létrehozásával olyan saját asszisztenst kapunk, akinek teljes munkafolyamatokat adhatunk oda - beleértve e-mailek küldését, programozást, web oldal publikását és még rengeteg mindent
Beszélgessünk arról, hol van valódi AI-potenciál az Ön működésében – és mi az a lépés, ami már két héten belül eredményt hoz.
Sok lehetőség közül azt választjuk ki, amelyik valóban működik.