|
You are a senior full-stack developer and AI engineer. Build a tool that allows users to input any URL. The tool must do the following: 1. Load the webpage in a headless browser (like Selenium, Playwright, or Puppeteer). 2. Auto-generate frontend test cases using best practices (e.g., test if the page loads, buttons work, forms submit, elements are clickable). 3. Use AI (GPT) to analyze the full HTML, CSS, and visible structure of the page and identify bad practices or UX issues. This includes: • Color misuse (e.g., red for confirmation buttons) • Accessibility problems (e.g., missing alt text, low contrast) • Semantic structure problems (e.g., heading levels, missing labels) • General UI/UX anti-patterns 4. Execute the tests and show results to the user in a clean, readable report. 5. Include a recommendation section with improvement suggestions generated by GPT. Output should include: • Functional test results (pass/fail + descriptions) • UX/UI best-practice analysis • Screenshots of problematic sections (optional) • A downloadable or web-viewable report. use Chat GPT style. |
