Phân tích Design Frontend của Website

Phân tích Lịch sử

Phân tích thiết kế website

Nhập URL website cần phân tích thiết kế
Màu sắc • Typography • Frameworks
Layout • Components • Semantic
Performance • UX • Security
Wireframe • Tree • AI Prompt
Tính năng phân tích (10 Analyzers)
Phase 1 - Phân tích giao diện & nhận diện công nghệ
🎨 Phân tích màu sắc
Color palette, harmony, accessibility, contrast
🔤 Phân tích Typography
Font families, sizes, Google Fonts, hierarchy
🔗 Phát hiện Frameworks
Bootstrap, Tailwind, Material UI, jQuery, React
Phase 2 - Phân tích cấu trúc & thành phần giao diện
📐 Phân tích Layout
CSS Grid, Flexbox, positioning, breakpoints
🧩 Phát hiện Components
Buttons, forms, navigation, cards, modals
📋 Semantic HTML
HTML5 semantics, ARIA, structured data
Phase 3 - Phân tích bảo mật & tối ưu hóa
⚡ Performance Analysis
Core Web Vitals, resource optimization
🧠 UX Analysis
Navigation, readability, visual hierarchy
🔒 Security Analysis
HTTPS, CSP, form security, privacy
Phase 4 - DOM Structure & AI
🏗️ DOM Structure Analysis
DOM hierarchy, layout sections detection
📐 Wireframe Generation
Visual wireframes, block diagrams
🤖 AI Prompt Generation
Ready-to-use prompts for ChatGPT/Claude
🌳 Tree Diagram
DOM tree structure visualization
Thao tác nhanh
Thống kê
0
Phân tích
10
Analyzers
4
Phases
✅ Phase 1
3 Features
✅ Phase 2
3 Features
✅ Phase 3
3 Features
✅ Phase 4
1 Feature