PageDNA
PageDNA - Proměňte libovolný web ve vizuální DNA
Generativní vizualizace struktury, stylu a chování webu.
Webová aplikace Online
O aplikaci
PageDNA promění libovolný web ve vizuální DNA. Analyzuje stránku napříč třemi osami - struktura (DOM), styl (CSS, rozvržení, typografie, barva) a chování (interaktivita, animace, síť) - a výsledek vykreslí jako generativní vizualizaci namísto dashboardu.
Frontend běží zcela v prohlížeči, takže stránku načtenou uživatelem lze analyzovat bez nahrávání čehokoli. Režim URL pohání malý backend Node.js + Playwright, který načte cílovou stránku ve skutečném prohlížeči, zachytí její strukturu, styl a chování a odešle data zpět vizuálnímu enginu.
Možné vizualizace zkoumané projektem zahrnují DOM City (struktura jako budovy), CSS Portrait (styl jako paleta a textura), Layout DNA (kompoziční tvar), Interaction Map (topologie událostí) a Code Galaxy (struktura souborů a modulů). Každá je odhalena až poté, co je skutečně implementována.
Klíčové funkce
Analýza struktury (DOM)
Prochází strom DOM, počítá a klasifikuje prvky a promění strukturu dokumentu v něco vizuálního namísto holé osnovy.
Analýza stylu (CSS, rozvržení, barva, typografie)
Extrahuje paletu, typografickou škálu a jazyk rozvržení stránky, takže návrhová rozhodnutí jsou čitelná na první pohled.
Analýza chování / interaktivity
Zachytává interakce, animace a síťová volání, takže chování stránky se zobrazí vedle její statické struktury.
Frontend v prohlížeči
Vizualizační engine běží zcela v prohlížeči uživatele - pro lokálně načtené stránky není vyžadováno žádné nahrávání.
Režim URL poháněný Playwrightem
Režim URL používá malý backend Node.js + Playwright, který načte cílovou stránku ve skutečném prohlížeči a předá data zpět vizualizačnímu enginu.
Generativní vizualizace
DOM City, CSS Portrait, Layout DNA, Interaction Map a Code Galaxy promění analýzu v umělecká díla namísto dashboardů.
Znovupoužitelné pro návrh a audit
Užitečné pro pochopení webu konkurence, profilování vlastního webu nebo vytvoření vizuálního portrétu existující stránky.
Analýza struktury (DOM)
Prochází strom DOM, počítá a klasifikuje prvky a promění strukturu dokumentu v něco vizuálního namísto holé osnovy.
Analýza stylu (CSS, rozvržení, barva, typografie)
Extrahuje paletu, typografickou škálu a jazyk rozvržení stránky, takže návrhová rozhodnutí jsou čitelná na první pohled.
Analýza chování / interaktivity
Zachytává interakce, animace a síťová volání, takže chování stránky se zobrazí vedle její statické struktury.
Frontend v prohlížeči
Vizualizační engine běží zcela v prohlížeči uživatele - pro lokálně načtené stránky není vyžadováno žádné nahrávání.
Režim URL poháněný Playwrightem
Režim URL používá malý backend Node.js + Playwright, který načte cílovou stránku ve skutečném prohlížeči a předá data zpět vizualizačnímu enginu.
Generativní vizualizace
DOM City, CSS Portrait, Layout DNA, Interaction Map a Code Galaxy promění analýzu v umělecká díla namísto dashboardů.
Znovupoužitelné pro návrh a audit
Užitečné pro pochopení webu konkurence, profilování vlastního webu nebo vytvoření vizuálního portrétu existující stránky.
Soukromí a bezpečnost
Vaše data zůstávají ve vašem zařízení. Vždy.
