web-design-reviewer

原文涵盖的主题

• Web Design Reviewer
• Scope of Application
• Prerequisites
• Required
• Workflow Overview
• Step 1: Information Gathering Phase
• 1.1 URL Confirmation
• 1.2 Understanding Project Structure

This skill enables visual inspection and validation of website design quality, identifying and fixing issues at the source code level. Static sites (HTML/CSS/JS) SPA frameworks such as React / Vue / Angular / Svelte Full-stack frameworks such as Next.js / Nuxt / SvelteKit CMS platforms such as WordPress / Drupal Any other web application 1. Target website must be running Local development server (e.g., http://localhost:3000) Staging environment Production environment (for read-only reviews) 2. Browser automation must be available Screenshot capture Page navigation DOM information retrieval 3. Access to source code (when making fixes) Project must exist within the workspace -- If the URL is not provided, ask the user: Please provide the URL of the website to review (e.g., http://localhost:3000) When making fixes, gather the following information: | Item | Example Question | |------|------------------| | Framework | Are you using React / Vue / Next.js, etc.? | | Styling Method | CSS / SCSS / Tailwind / CSS-in-JS, etc. | | Source Location | Where are style files and components located? | | Review Scope | Specific pages only or entire site? | Attempt automatic detection from files in t

这里只展示节选，请以完整原文和当前要求为准。