Specification【免費(fèi)下載鏈接】ai-website-cloner-templateClone any website with one command using AI coding agents項(xiàng)目地址: https://gitcode.com/GitHub_Trending/ai/ai-website-cloner-templateOverviewTarget file:src/components/sites/site-key/page-key/ComponentName.tsxScreenshot:docs/design-references/site-key/page-key/screenshot-name.pngInteraction model:static | click-driven | scroll-driven | time-drivenDOM Structure元素層級(jí)——誰(shuí)包含誰(shuí)Computed Styles (exact values from getComputedStyle)Containerdisplay: ...padding: ...maxWidth: ...Child element 1fontSize: ...color: ...States BehaviorsBehavior name, e.g., Scroll-triggered floating modeTrigger:精確機(jī)制——scroll position 50px、IntersectionObserver rootMargin -30% 0px、點(diǎn)擊 .tab-button、hoverState A (before):maxWidth: 100vw, boxShadow: none, borderRadius: 0State B (after):maxWidth: 1200px, boxShadow: 0 4px 20px rgba(0,0,0,0.1), borderRadius: 16pxTransition:transition: all 0.3s easeImplementation approach:CSS transition scroll listener | IntersectionObserver | CSS animation-timeline | 等Hover states:: → , transition:Per-State Content (if applicable)State: FeaturedTitle: ...Cards: [{ title, description, image, link }, ...]AssetsBackground image:public/sites/site-key/page-key/images/file.webpIcons used: , ...Text Content (verbatim)從線上站逐字復(fù)制的全部文本Responsive BehaviorDesktop (1440px):布局描述Tablet (768px):變化——如保持 2 列g(shù)ap 縮至 16pxMobile (390px):變化——如堆疊單列圖片全寬Breakpoint:布局在約 px 切換【免費(fèi)下載鏈接】ai-website-cloner-templateClone any website with one command using AI coding agents項(xiàng)目地址: https://gitcode.com/GitHub_Trending/ai/ai-website-cloner-template創(chuàng)作聲明：本文部分內(nèi)容由AI輔助生成（AIGC），僅供參考