md.irfan [STUDIO EXTRACTOR] prezantohet si një agjent autonom në shfletues që analizon dizajnin e faqeve aktive dhe e kthen në specifikime të strukturuara. Sipas krijuesit, mjeti synon të zëvendësojë kontrollin manual në Chrome DevTools për nxjerrjen e ngjyrave, tipografisë, hapësirave dhe gjendjeve ndërvepruese të elementeve.
Mjeti pĂ«rdor pemĂ«n CSSOM tĂ« llogaritur nga shfletuesi. Ai kontrollon document.readyState dhe mbulesat e ngarkimit pĂ«rpara se tĂ« nisĂ« nxjerrjen. MĂ« pas lĂ«viz gradualisht nĂ«pĂ«r faqen nĂ« nivelet 0%, 35%, 65% dhe 100%, pĂ«r tĂ« aktivizuar imazhet me ngarkim tĂ« vonuar dhe animacionet e Framer Motion apo GSAP qĂ« mund tâu shpĂ«tojnĂ« mjeteve tradicionale tĂ« nxjerrjes.
Në një sesion të izoluar, agjenti klikon skedat e navigimit, seksionet e palosshme të pyetjeve të shpeshta dhe shigjetat e karuseleve, duke regjistruar ndryshimet e gjendjes dhe lartësisë. Rezultati përmblidhet në një skedar DESIGN.md me parametra dizajni në YAML, analizë arkitekturore në 10 fusha dhe modele komponentësh HTML e CSS, përfshirë gjendjet hover, focus dhe active.
Prezantimi përshkruan edhe një vlerësim besueshmërie të bazuar në katër matje të DOM-it: përputhjen e komponentëve, mbulimin e ngjyrave, mbulimin e stileve të tekstit dhe parametrat e identifikuar. Gjithashtu përmendet eksportimi në ZIP me një klikim.
Burimi: DEV Community (Web Dev Feed) â lexoni artikullin e plotĂ« nĂ« anglisht.
