Specification【免費下載鏈接】ai-website-cloner-templateClone any website with one command using AI coding agents項目地址: 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元素層級——誰包含誰Computed Styles (exact values from getComputedStyle)Containerdisplay: ...padding: ...maxWidth: ...Child element 1fontSize: ...color: ...States BehaviorsBehavior name, e.g., Scroll-triggered floating modeTrigger:精確機制——scroll position 50px、IntersectionObserver rootMargin -30% 0px、點擊 .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)從線上站逐字復制的全部文本Responsive BehaviorDesktop (1440px):布局描述Tablet (768px):變化——如保持 2 列gap 縮至 16pxMobile (390px):變化——如堆疊單列圖片全寬Breakpoint:布局在約 px 切換【免費下載鏈接】ai-website-cloner-templateClone any website with one command using AI coding agents項目地址: https://gitcode.com/GitHub_Trending/ai/ai-website-cloner-template創作聲明：本文部分內容由AI輔助生成（AIGC），僅供參考