@getollie/cli 0.0.1

package/library/web_applications-online_shopping/dynamic-clothing-purchases-webpage.json

@@ -0,0 +1,68 @@
+{
+  "index": 1564,
+  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Make sure the code you provide is executable for demonstration. Write a webpage for dynamic clothing purchases.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the dynamic clothing display system fully implemented?",
+      "description": "Review whether the code implements a responsive clothing display system that shows products dynamically, with proper filtering, sorting, and search capabilities. Score 0 if the core display logic is missing, 5 if only basic display is implemented, and 10 if the system includes advanced features like dynamic filtering, sorting options, and search functionality with autocomplete.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the product interaction and customization functionality complete?",
+      "description": "Evaluate whether users can interact with clothing items (like zoom, rotate, color selection, size selection) and if the system provides visual feedback. Deduct 5 points if interactive elements are missing, 3 points if color/size selection doesn't visually update the product, and 2 points if zoom/detailed view options are absent. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the shopping cart system properly implemented?",
+      "description": "Check whether the shopping cart functionality includes adding/removing items, quantity adjustments, persistent storage (localStorage/sessionStorage), and dynamic cart summary updates. Deduct 3 points if cart persistence is missing, 3 points if quantity modification doesn't update totals in real-time, and 4 points if there's no cart summary display. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is the checkout process well-designed and user-friendly?",
+      "description": "Assess if the checkout flow includes form validation, multiple payment options, shipping address management, and order summary before confirmation. Deduct 3 points for missing form validation, 3 points for inadequate payment options, 2 points for no shipping calculation, and 2 points for absence of order confirmation. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code can handle common abnormal situations (such as network failures during checkout, invalid user inputs, image loading failures, etc.) and provide friendly error prompts or recovery mechanisms. Code with strong robustness should be able to effectively handle these edge cases, giving 10 points. If the robustness is average, give 5 points, and if no exceptions are handled, give 0 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 5,
+      "title": "Are there any innovative features that are eye-catching?",
+      "description": "Check whether the code includes surprise features that enhance the shopping experience (e.g., 1. Virtual fitting room 2. Outfit combination suggestions 3. Social sharing integration 4. Size recommendation based on user measurements). Add 3 points for each practical innovative feature implemented (maximum 10 points).",
+      "maxScore": 10
+    },
+    {
+      "id": 6,
+      "title": "Are there any redundant features?",
+      "description": "Strictly check three types of redundancy: 1. Redundant implementation of similar functions (e.g., multiple cart storage mechanisms) 2. Function modules unrelated to clothing purchase (e.g., unnecessary games or distracting elements) 3. Fancy effects that affect performance (e.g., excessive animations that slow down browsing). Deduct 3 points for each redundancy found, and directly deduct 10 points if the core functions are interfered with by redundant code.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review modular design (such as separating product display/cart logic/checkout processes), responsiveness for different devices, code maintainability, and performance optimization. Deduct 5 points if global state pollution is found or design patterns are not used; deduct 5 points if the code duplication rate is too high (over 30%); deduct 5 points if the website doesn't adapt to mobile devices. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the interface vision meet professional e-commerce design standards?",
+      "description": "Evaluate whether the design follows e-commerce best practices: 1) Clear product presentation with high-quality images 2) Consistent branding and color scheme (no more than 3 primary colors) 3) Professional typography hierarchy (product names, prices, descriptions properly distinguished) 4) Intuitive navigation and categorization. Deduct 3 points for cluttered product displays, 3 points for inconsistent styling, 2 points for poor typography, and 2 points for confusing navigation. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the dynamic interaction smooth and responsive?",
+      "description": "Judge whether the shopping experience feels fluid and responsive: 1) Product filtering/sorting updates in under 500ms 2) Add-to-cart feedback within 100ms 3) Smooth transitions between pages or states 4) Clear loading indicators for async operations. Deduct 3 points for sluggish filtering/sorting, 3 points for delayed cart updates, 2 points for jarring page transitions, and 2 points for missing loading states during API calls. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "Web Applications-Online Shopping",
+  "difficulty": "medium"
+}

package/library/web_applications-online_shopping/e-commerce-flash-sale-interface-frontend.json

@@ -0,0 +1,68 @@
+{
+  "index": 702,
+  "question": "You are a code expert, please use your professional knowledge to generate accurate and professional responses. Be sure to provide executable code if possible. Please provide frontend code for a flash sale interface of an e-commerce system.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the flash sale countdown timer functionality fully implemented?",
+      "description": "Review whether the code accurately implements a countdown timer showing hours, minutes, and seconds until the flash sale starts/ends. Check if it handles time zones correctly, updates in real-time (not just on page load), and has visual cues when time is running low. Score 0 if no timer exists, 5 if basic functionality exists but has timezone issues, and 10 if fully implemented with edge cases handled.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the product inventory management system properly implemented?",
+      "description": "Evaluate whether the code includes real-time inventory tracking, stock reservation during checkout, and clear visual indicators when products are running low or sold out. Check for race condition handling and inventory locks. Deduct 5 points if no real-time stock updates are implemented, and 3 points if there's no visual feedback for low stock. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the high-concurrency user experience optimized?",
+      "description": "Check whether the interface implements queuing systems, throttling mechanisms, or other techniques to handle high traffic. Look for loading states, disabled buttons during processing, and clear feedback on user position in queue. Deduct 5 points if the UI freezes during operations, 5 points if no concurrent access handling exists. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is the mobile responsiveness and cross-device compatibility implemented?",
+      "description": "Evaluate whether the flash sale interface adapts properly to different screen sizes using responsive design techniques. Check if touch interactions are properly handled for mobile users, and if critical elements (add to cart, buy now) are easily accessible on small screens. Deduct 5 points for each major breakpoint (mobile, tablet, desktop) that doesn't display properly. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code can handle common abnormal situations (such as network delays, failed API calls, partial data loading, etc.) and provide friendly error prompts or recovery mechanisms. Look for error boundaries, fallback UI components, and proper loading states. Code with strong robustness should be able to effectively handle these edge cases, giving 10 points. If the robustness is average, give 5 points, and if no exceptions are handled, give 0 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 5,
+      "title": "Are there any innovative features that are eye-catching?",
+      "description": "Check whether the code includes surprise features that enhance the experience (e.g., 1. Live purchase counter showing real-time popularity 2. Social sharing with dynamic discount incentives 3. Interactive product image zoom/360° view). Add 3 points for each practical innovative feature implemented (maximum 10 points).",
+      "maxScore": 10
+    },
+    {
+      "id": 6,
+      "title": "Are there any redundant features?",
+      "description": "Strictly check three types of redundancy: 1. Redundant implementation of similar functions (e.g., multiple add-to-cart mechanisms) 2. Function modules unrelated to flash sales (e.g., excessive product comparison tools) 3. Fancy effects that affect performance (e.g., heavy animations that slow page loading). Deduct 3 points for each redundancy found, and directly deduct 10 points if the core functions are interfered with by redundant code.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review component modularization (such as separating UI components, state management, and API services), code reusability, and performance optimizations. Deduct 5 points if global state management is chaotic or prop drilling is excessive; deduct 5 points if the code duplication rate is too high (over 30%); deduct 5 points if no performance optimizations (lazy loading, memoization, etc.) are implemented. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the interface vision meet professional e-commerce design standards?",
+      "description": "Evaluate whether the overall design follows e-commerce best practices: 1) Clear product highlight and discount visualization (original vs. sale price) 2) Proper hierarchy with primary CTAs standing out 3) Professional typography system that emphasizes key information (price, discount, time remaining). Deduct 3 points for each confusing product card layout, 5 points for unclear price/discount display, and 5 points for hard-to-find purchase buttons. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the dynamic interaction smooth and seamless?",
+      "description": "Judge whether the dynamic effects conform to user expectations in e-commerce: 1) Add-to-cart feedback delay ≤ 100ms 2) Smooth transitions when products sell out or prices update 3) Clear loading states during operations. Deduct 5 points for each operation without feedback, 3 points for jarring UI updates when inventory changes, and 5 points for confusing checkout flow. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "Web Applications-Online Shopping",
+  "difficulty": "medium"
+}

package/library/web_applications-online_shopping/e-commerce-mini-program-homepage-info-profile.json

@@ -0,0 +1,68 @@
+{
+  "index": 1515,
+  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Be sure to ensure that the code you generate is executable for demonstration. I want to develop a complete e-commerce mini program consisting of a home page, information page, and personal profile page. Please help me create a plan and write out the complete structure.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the complete e-commerce mini program structure implemented?",
+      "description": "Check if the code provides a comprehensive structure with all three required pages (home page, information page, personal profile page) and proper navigation between them. Score 0 if any of the three main pages are missing, 5 if basic pages are implemented but lack proper navigation, and 10 if all pages are fully structured with seamless navigation implementation.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the home page functionality fully implemented?",
+      "description": "Evaluate if the home page includes essential e-commerce features: product listing with thumbnails, search functionality, category filtering, banners/promotions, and product sorting options. Deduct 2 points for each missing core feature. The home page should load efficiently with lazy loading or pagination for product listings. Score 10 points for complete implementation with optimized loading.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Are the product information page features properly implemented?",
+      "description": "Check if the product information page includes detailed product descriptions, multiple images, price information, stock status, variant selection (size/color), related products, reviews system, and 'add to cart' functionality. Deduct 1 point for each missing component. Score 10 points for a comprehensive implementation that includes all these elements with smooth interaction.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is the personal profile page complete with user management features?",
+      "description": "Assess whether the personal profile page includes user authentication, order history, saved items/wishlists, shipping addresses, payment methods, profile editing, and notifications settings. Deduct 2 points for each missing key function. Verify if secure authentication is properly implemented. Score 10 points for a fully functional profile system with secure user data handling.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code can handle common abnormal situations (such as network errors, empty data states, form validation, image loading failures, authentication expiration) and provide friendly error prompts or recovery mechanisms. Code with strong robustness should be able to effectively handle these edge cases, giving 10 points. If the robustness is average, give 5 points, and if no exceptions are handled, give 0 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 5,
+      "title": "Are there any innovative features that are eye-catching?",
+      "description": "Check whether the code includes surprise features that enhance the experience (e.g., 1. AR product visualization 2. Voice search functionality 3. Personalized recommendation engine 4. Social sharing integration). Add 3 points for each practical innovative feature implemented (maximum 10 points).",
+      "maxScore": 10
+    },
+    {
+      "id": 6,
+      "title": "Are there any redundant features?",
+      "description": "Strictly check three types of redundancy: 1. Redundant implementation of similar functions (e.g., multiple user authentication systems coexisting) 2. Function modules unrelated to e-commerce (e.g., a built-in game) 3. Fancy effects that affect performance (e.g., excessive animations slowing down product browsing). Deduct 3 points for each redundancy found, and directly deduct 10 points if the core functions are interfered with by redundant code.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review modular design (such as separating UI components/state management/API services), reusable components for product cards and forms, proper state management, and build process optimization. Deduct 5 points if global state pollution is found; deduct 5 points if the code duplication rate is too high (over 30%); deduct 5 points if no performance optimization is implemented. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the interface vision meet professional design standards?",
+      "description": "Evaluate whether the design follows e-commerce best practices: 1) Consistent branding and color scheme (primary, secondary, and accent colors) 2) Clear product presentation with appropriate white space 3) Professional typography hierarchy (headings vs body text) 4) Mobile-responsive design with touch-friendly elements. Deduct 3 points for inconsistent UI elements, 5 points for poor readability, and 5 points for non-responsive designs. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the dynamic interaction smooth and seamless?",
+      "description": "Judge whether the interactions follow e-commerce UX principles: 1) Quick product loading times (≤2 seconds) 2) Smooth transitions between pages 3) Clear feedback for add-to-cart actions (≤100ms) 4) Intuitive navigation patterns. Deduct 5 points for slow-loading product pages, 3 points for jarring page transitions, and 5 points for confusing checkout processes. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "Web Applications-Online Shopping",
+  "difficulty": "medium"
+}

package/library/web_applications-online_shopping/e-commerce-product-detail-page.json

@@ -0,0 +1,68 @@
+{
+  "index": 1007,
+  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Make sure that the generated code is executable for demonstration. E-commerce product detail page HTML5 dynamic template.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the product display system fully implemented?",
+      "description": "Review whether the code accurately implements product image gallery with zoom functionality, product information display, variant selection (size/color), and price calculation through HTML/JavaScript. Check if it includes image lazy loading, thumbnail navigation, and 360-degree view support. Score 0 if core product display is missing, 5 if only basic image display is implemented, and 10 if all e-commerce product features are fully included.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the shopping cart and purchase flow implemented?",
+      "description": "Check whether the implementation includes add-to-cart functionality, quantity adjustment, cart persistence (localStorage/sessionStorage), and checkout process simulation. Verify if inventory validation, price calculation with discounts, and shipping cost calculation are handled. Deduct 5 points if cart state management is missing, and 3 points if quantity validation is not implemented. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the dynamic content loading and template system designed?",
+      "description": "Evaluate whether the template system supports dynamic product data injection, variant switching without page reload, and asynchronous content loading. Check if it includes template inheritance, component reusability, and data binding mechanisms. Deduct 5 points if template rendering causes layout shifts, and 3 points if dynamic updates are not smooth. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is the complete e-commerce interaction lifecycle constructed?",
+      "description": "Check whether the code includes complete user interaction flows: product browsing, variant selection, reviews display, related products recommendation, and wishlist functionality. Verify if breadcrumb navigation, product comparison, and social sharing features are implemented. Deduct 5 points if user session management is missing, and 3 points if accessibility features are not included. Give 10 points if fully implemented.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code can handle common abnormal situations (such as missing product images, invalid variant selections, network failures, malformed data, etc.) and provide friendly error prompts or fallback mechanisms. Code with strong robustness should gracefully handle API failures, image loading errors, and invalid user inputs, giving 10 points. If the robustness is average, give 5 points, and if no exceptions are handled, give 0 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 5,
+      "title": "Are there any innovative features that are eye-catching?",
+      "description": "Check whether the code includes surprise features that enhance the shopping experience (e.g., 1. AR/VR product preview 2. Real-time stock countdown 3. Interactive size guide 4. Voice search capability 5. Smart product recommendations). Add 3 points for each practical innovative feature implemented (maximum 10 points).",
+      "maxScore": 10
+    },
+    {
+      "id": 6,
+      "title": "Are there any redundant features?",
+      "description": "Strictly check three types of redundancy: 1. Redundant implementation of similar functions (e.g., multiple image gallery implementations) 2. Function modules unrelated to e-commerce (e.g., built-in games or unnecessary animations) 3. Excessive decorative effects that impact performance (e.g., heavy particle effects or auto-playing videos). Deduct 3 points for each redundancy found, and directly deduct 10 points if core shopping functions are interfered with by redundant code.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review modular design (such as separating product data/UI components/business logic), code organization with proper file structure, and reusable component architecture. Deduct 5 points if global state pollution is found or component coupling is too tight; deduct 5 points if code duplication rate is too high (over 30%); deduct 5 points if no build optimization or minification is considered. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the interface vision meet professional e-commerce design standards?",
+      "description": "Evaluate whether the overall design follows modern e-commerce principles: 1) Professional color scheme with proper brand consistency 2) Clear visual hierarchy with proper spacing (8px grid system) 3) Readable typography (body text ≥ 14px, proper contrast ratios) 4) Consistent button styles and hover states. Deduct 3 points for each cluttered section, 5 points for poor color choices that affect readability, and 5 points for inconsistent design patterns. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the dynamic interaction smooth and seamless?",
+      "description": "Judge whether the dynamic effects conform to e-commerce user expectations: 1) Image transitions and zoom effects ≤ 300ms 2) Cart updates with immediate visual feedback 3) Smooth variant switching without layout jumps 4) Loading states for all async operations 5) Touch-friendly interactions for mobile. Deduct 5 points for each interaction without proper feedback, 3 points for janky animations or layout shifts, and 5 points for poor mobile responsiveness. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "Web Applications-Online Shopping",
+  "difficulty": "hard"
+}

package/library/web_applications-online_shopping/e-commerce-product-management-system.json

@@ -0,0 +1,68 @@
+{
+  "index": 643,
+  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Make sure the code you generate is executable for demonstration purposes. Develop an e-commerce product management system where customers can browse product listings on the frontend, view product details (including product name, price, inventory, description), and add products to their shopping cart. Merchants (username: seller, password: seller123) can log into the backend to add, delete, and modify product information, as well as process orders.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the product listing and browsing functionality fully implemented?",
+      "description": "Check if the product listing displays essential information (product images, names, prices) in a clean grid or list view. Verify filtering and sorting capabilities (by price, category, popularity). The interface should support pagination or infinite scroll for large catalogs. Score 0 if the listing is non-functional, 5 if basic listing exists without filtering, 10 if complete with all product details and advanced filtering options.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Are product detail pages comprehensive and user-friendly?",
+      "description": "Evaluate if product detail pages show complete information (high-resolution images with zoom capability, detailed description, price, inventory status, specifications, and customer reviews). Check for related/similar product suggestions. Score 0 if detail pages are missing, 5 if they only show basic information without images or with poor layout, 10 if comprehensive with intuitive navigation and rich media support.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the shopping cart functionality properly implemented?",
+      "description": "Verify if users can add/remove items, adjust quantities, and see real-time price calculations. Cart should persist between sessions (using localStorage or user accounts), show inventory limitations, and provide clear checkout options. Score 0 if cart functionality is absent, 5 if basic add/remove works but lacks persistence or quantity management, 10 if fully functional with error handling for out-of-stock items.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is the merchant backend management system complete?",
+      "description": "Check if the seller interface includes secure login (username: seller, password: seller123), comprehensive product CRUD operations, batch operations for inventory, and order management capabilities. Verify image upload functionality and rich text editor for product descriptions. Score 0 if backend management is missing, 5 if basic functions work but lack data validation or have usability issues, 10 if complete with advanced features and security measures.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code handles common abnormal situations (invalid inputs, network failures, authentication errors) and provides friendly error messages. Verify form validation, secure authentication, and data persistence integrity. Score 0 if no error handling exists, 5 if basic validations are implemented but edge cases are ignored, 10 if comprehensive error handling with graceful recovery mechanisms exist throughout the application.",
+      "maxScore": 10
+    },
+    {
+      "id": 5,
+      "title": "Are there any innovative features that are eye-catching?",
+      "description": "Check for surprise features that enhance the experience (e.g., 1. AI-powered product recommendations 2. Real-time inventory alerts 3. Visual search capabilities 4. AR product previews). Add 3 points for each practical innovative feature implemented (maximum 10 points).",
+      "maxScore": 10
+    },
+    {
+      "id": 6,
+      "title": "Are there any redundant features?",
+      "description": "Strictly check three types of redundancy: 1. Redundant implementation of similar functions (e.g., multiple cart management systems) 2. Function modules unrelated to e-commerce (e.g., built-in games) 3. Fancy effects that affect performance (e.g., excessive animations that slow page loading). Deduct 3 points for each redundancy found, and directly deduct 10 points if the core functions are interfered with by redundant code.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review modular design (separation of concerns between product display, cart management, and admin functions), consistent coding patterns, component reusability, and proper data management. Deduct 5 points if global state is poorly managed; deduct 5 points if code duplication rate is high; deduct 5 points if the application lacks proper build/deployment configuration. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the interface vision meet professional e-commerce design standards?",
+      "description": "Evaluate whether the design follows e-commerce best practices: 1) Clear product hierarchy and visual hierarchy 2) Consistent branding and color scheme (primary, secondary, accent colors) 3) Professional typography (readable product titles, descriptions) 4) Proper use of white space and grid layouts. Deduct 3 points for cluttered product displays, 5 points for inconsistent visual language across pages, and 5 points for poor mobile responsiveness. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the dynamic interaction smooth and seamless?",
+      "description": "Judge whether the shopping experience feels natural: 1) Product filtering/sorting updates ≤ 300ms 2) Add-to-cart animations are subtle and satisfying 3) Clear loading states during data fetching 4) Form submissions provide immediate feedback. Deduct 5 points for laggy product browsing, 3 points for jarring page transitions, and 5 points for confusing checkout flow. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "Web Applications-Online Shopping",
+  "difficulty": "medium"
+}

package/library/web_applications-online_shopping/e-commerce-webpage-image-text-minimalist-european.json

@@ -0,0 +1,68 @@
+{
+  "index": 761,
+  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Make sure that the code you generate is executable for display. Please help me create a webpage for an e-commerce site that needs to showcase images and text content. The design preference is for a minimalist European feel, and you can handle the rest as you see fit.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the e-commerce product showcase system fully implemented?",
+      "description": "Review whether the HTML/CSS/JavaScript implementation includes a responsive product grid, product detail views, and effective image handling techniques. Score 0 if the core product display functionality is missing, 5 if only basic product showcasing is implemented, and 10 if the showcase includes features like image zoom/gallery views, product filtering, and smooth transitions between product views.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the minimalist European design aesthetic properly executed?",
+      "description": "Evaluate the implementation of minimalist European design principles including ample whitespace, restrained typography (preferably sans-serif), muted color palette (whites, grays, with minimal accent colors), and focus on product presentation rather than decorative elements. Deduct 3 points for each design element that contradicts minimalist European aesthetics (e.g., busy patterns, excessive colors, cluttered layouts). Award full points only if the design achieves elegant simplicity with purposeful negative space.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the e-commerce navigation system intuitive and complete?",
+      "description": "Check for implementation of essential e-commerce navigation components: primary navigation menu, search functionality, category filters, breadcrumbs, and cart/checkout access. Deduct 2 points for each missing navigation element and 3 points if the navigation is not persistent across the site. Review the mobile navigation adaptation – deduct 5 points if the mobile menu is not properly implemented or accessible.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is product information architecture effectively structured?",
+      "description": "Assess how product information is structured and presented. Check for clear hierarchies between product titles, prices, descriptions, specifications, and availability. Evaluate whether the code implements semantic HTML elements for proper information hierarchy. Deduct 5 points if product cards lack essential information and 5 points if the information architecture doesn't prioritize key purchasing decision factors. Award full points for clean, scannable product information that follows established e-commerce patterns.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code can handle common abnormal situations (such as missing images, slow loading content, invalid product data, etc.) and provide friendly error handling or fallback mechanisms. Code with strong robustness should be able to effectively handle these edge cases, giving 10 points. If the robustness is average, give 5 points, and if no exceptions are handled, give 0 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 5,
+      "title": "Are there any innovative features that are eye-catching?",
+      "description": "Check whether the code includes surprise features that enhance the e-commerce experience (e.g., 1. Subtle micro-animations on hover/interaction 2. Product comparison tool 3. Intelligent product recommendations 4. Elegant image lazy-loading with placeholders). Add 3 points for each practical innovative feature implemented (maximum 10 points).",
+      "maxScore": 10
+    },
+    {
+      "id": 6,
+      "title": "Are there any redundant features?",
+      "description": "Strictly check three types of redundancy: 1. Redundant implementation of similar functions (e.g., multiple carousel libraries coexisting) 2. Function modules unrelated to e-commerce showcase (e.g., unnecessary social media widgets) 3. Fancy effects that affect performance (e.g., excessive animations or heavy background videos). Deduct 3 points for each redundancy found, and directly deduct 10 points if the core functions are interfered with by redundant code.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review modular design (such as separating component structure/styling/behavior), use of modern front-end practices (CSS organization, JavaScript modules), and performance optimization. Deduct 5 points if global CSS/JS pollution is found; deduct 5 points if the code duplication rate is too high (over 30%); deduct 5 points if no performance optimizations are implemented (image optimization, code splitting, etc.). The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the interface vision meet professional design standards?",
+      "description": "Evaluate whether the overall design follows modern e-commerce design principles: 1) Harmonious color matching (no more than 3 primary colors) 2) Proper layout spacing (element spacing follows the 8px multiple principle) 3) Professional font system (body font size ≥ 14px, line height over 1.5 times) 4) Consistent product card design. Deduct 3 points for each crowded visual element, 5 points for a glaring color combination, and 5 points for chaotic text-image layout. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the responsive design properly implemented?",
+      "description": "Judge whether the site functions properly across device sizes (mobile, tablet, desktop): 1) No horizontal scrolling on mobile devices 2) Touch-friendly tap targets (min 44x44px) 3) Appropriate font scaling between devices 4) Efficient use of screen real estate at all breakpoints. Deduct 5 points for unreadable text or unusable elements on mobile, 3 points for layout issues at standard breakpoints, and 5 points for performance issues on mobile devices. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "Web Applications-Online Shopping",
+  "difficulty": "easy"
+}

package/library/web_applications-online_shopping/food-ordering-delivery-webpage.json

@@ -0,0 +1,68 @@
+{
+  "index": 1743,
+  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Make sure the generated code is executable for demonstration purposes. Write an HTML page for food ordering and delivery.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the food ordering system core functionality fully implemented?",
+      "description": "Review whether the code accurately implements menu browsing, item selection, shopping cart management, and order placement through HTML/JavaScript. Must include food categorization, price calculation, quantity adjustment, and order summary generation. Score 0 if core ordering logic is missing, 5 if only basic menu display is implemented, and 10 if complete ordering workflow with cart persistence is included.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the delivery tracking and management system implemented?",
+      "description": "Check whether the delivery functionality includes real-time order status updates, delivery time estimation, and tracking interface. Should implement order state management (pending, preparing, dispatched, delivered) with visual progress indicators. Deduct 5 points if status updates are missing, and 3 points if delivery time estimation is not provided. Full score requires interactive tracking with map integration or timeline view.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is user account and payment integration properly designed?",
+      "description": "Evaluate whether the system includes user registration/login, address management, payment method selection, and order history. Must provide secure form validation, address auto-completion, and multiple payment options simulation. Deduct 5 points if user session management is missing, and 3 points if payment form validation is inadequate. Full score requires complete user profile management with order history.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is restaurant and menu management comprehensively constructed?",
+      "description": "Check whether the code includes restaurant selection, detailed menu with categories, item descriptions, images, and dietary information (vegetarian, allergens, etc.). Must implement search/filter functionality, restaurant ratings, and availability status. Deduct 5 points if menu categorization is missing, and 3 points if search functionality is not implemented. Give 10 points if fully implemented with rich metadata.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code can handle common abnormal situations (such as invalid form input, network timeouts, empty cart submission, invalid addresses, etc.) and provide friendly error prompts or recovery mechanisms. Code with strong robustness should effectively handle edge cases like duplicate orders, payment failures, and session timeouts, giving 10 points. If robustness is average, give 5 points, and if no exceptions are handled, give 0 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 5,
+      "title": "Are there any innovative features that are eye-catching?",
+      "description": "Check whether the code includes surprise features that enhance the user experience (e.g., 1. Real-time order customization with visual builder 2. AI-powered food recommendations 3. Live delivery tracking with estimated arrival 4. Social features like reviews and photo sharing 5. Loyalty points system). Add 3 points for each practical innovative feature implemented (maximum 10 points).",
+      "maxScore": 10
+    },
+    {
+      "id": 6,
+      "title": "Are there any redundant features?",
+      "description": "Strictly check three types of redundancy: 1. Redundant implementation of similar functions (e.g., multiple cart management systems) 2. Function modules unrelated to food ordering (e.g., built-in games or social media feeds) 3. Excessive animations that slow down ordering process (e.g., heavy 3D effects on menu items). Deduct 3 points for each redundancy found, and directly deduct 10 points if core ordering functions are interfered with by redundant code.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review modular design (such as separating menu logic/cart management/UI components), code organization, and maintainability. Deduct 5 points if global state pollution is found or no clear separation of concerns; deduct 5 points if code duplication rate is too high (over 30%); deduct 5 points if no consistent naming conventions or poor code structure. The full score is 10 points for well-organized, maintainable code.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the interface vision meet professional design standards?",
+      "description": "Evaluate whether the overall design follows modern food delivery app principles: 1) Appetizing color scheme with food-appropriate palette 2) Proper layout spacing with clear visual hierarchy (element spacing follows 8px grid) 3) Professional typography (readable font sizes ≥ 14px, appropriate line height ≥ 1.5) 4) High-quality food imagery presentation. Deduct 3 points for each crowded visual element, 5 points for unappetizing color combinations, and 5 points for poor food image presentation.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the dynamic interaction smooth and seamless?",
+      "description": "Judge whether the ordering flow provides optimal user experience: 1) Immediate feedback for add-to-cart actions (≤ 100ms) 2) Smooth transitions between menu sections (300-500ms) 3) Clear visual feedback for quantity changes and cart updates 4) Intuitive navigation with breadcrumbs 5) Loading states for all async operations. Deduct 5 points for each operation without visual feedback, 3 points for jarring transitions, and 5 points for confusing navigation flow.",
+      "maxScore": 10
+    }
+  ],
+  "class": "Web Applications-Online Shopping",
+  "difficulty": "hard"
+}

package/library/web_applications-online_shopping/frontend-payment-verification-page-callback.json

@@ -0,0 +1,68 @@
+{
+  "index": 1253,
+  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Be sure to ensure that the generated code is executable and demonstrable.\n\nhttp://www.xxtmooc.com/u/xi2v/pay?pid=1384&type=alipay&out_trade_no=2025032016561201700\nThis is a callback URL for successful payment, which will redirect to a frontend payment verification page.\n\nPlease help me design a frontend payment verification page that receives callback parameters where xi2v is the agent ID.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Does the code properly parse and validate the callback URL parameters?",
+      "description": "Check if the code extracts and validates all URL parameters (pid, type, out_trade_no, agent ID from URL path) using proper JavaScript methods. Test if it handles URL encoding/decoding correctly. Score 0 if no parameter parsing exists, 5 if basic extraction exists but validation is missing, 10 if comprehensive parameter validation with security checks is implemented.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the payment verification logic implemented correctly?",
+      "description": "Evaluate if the code includes verification API calls with proper error handling. Check if it implements signature verification, transaction status checks, and amount verification. Deduct 5 points if verification is only client-side without server confirmation, 3 points if there's no retry mechanism for failed verification. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Are security measures implemented to prevent payment fraud?",
+      "description": "Review if the code includes anti-CSRF measures, XSS prevention, parameter tampering detection, and proper use of HTTPS for API calls. Check for replay attack prevention mechanisms like nonce or timestamp verification. Deduct 10 points if security is completely neglected, 5 points if basic but insufficient security exists. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is the agent ID (xi2v) handling correctly implemented?",
+      "description": "Verify if the agent ID is properly extracted from the URL path, validated, and used in subsequent API calls or revenue attribution. Check if the code properly handles different agent formats and edge cases. Deduct 5 points if agent ID validation is missing, 3 points if revenue attribution is not tracked. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code can handle common abnormal situations (such as missing parameters, network interruption, verification timeout, etc.) and provide friendly error prompts or recovery mechanisms. Code with strong robustness should be able to effectively handle these edge cases, giving 10 points. If the robustness is average, give 5 points, and if no exceptions are handled, give 0 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 5,
+      "title": "Are there any innovative features that are eye-catching?",
+      "description": "Check whether the code includes surprise features that enhance the experience (e.g., 1. Real-time transaction verification status 2. QR code for receipt 3. Animation for successful payment). Add 3 points for each practical innovative feature implemented (maximum 10 points).",
+      "maxScore": 10
+    },
+    {
+      "id": 6,
+      "title": "Are there any redundant features?",
+      "description": "Strictly check three types of redundancy: 1. Redundant implementation of similar functions (e.g., multiple verification logics coexisting) 2. Function modules unrelated to payment verification (e.g., unnecessary user profile features) 3. Fancy effects that affect performance (e.g., heavy animations during critical verification processes). Deduct 3 points for each redundancy found, and directly deduct 10 points if the core functions are interfered with by redundant code.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review modular design (such as separating API calls/UI/state management), error handling mechanisms, and maintainable structure. Deduct 5 points if global state pollution is found or design patterns are not used; deduct 5 points if the code duplication rate is too high (over 30%); deduct 5 points if the code is not properly commented or documented. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the interface vision meet professional design standards?",
+      "description": "Evaluate whether the overall design follows modern design principles: 1) Harmonious color matching (no more than 3 primary colors) 2) Proper layout spacing (element spacing follows the 8px multiple principle) 3) Professional font system (body font size ≥ 14px, line height over 1.5 times). Deduct 3 points for each crowded visual element, 5 points for a glaring color combination, and 5 points for chaotic text-image layout. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the dynamic interaction smooth and seamless?",
+      "description": "Judge whether the dynamic effects conform to human perception characteristics: 1) Immediate feedback when verification starts ≤ 100ms 2) Loading indicators for API calls 3) Clear success/failure states with appropriate transitions. Deduct 5 points for each operation without feedback, 3 points for jarring transitions between verification states, and 5 points for confusing success/failure indicators. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "Web Applications-Online Shopping",
+  "difficulty": "medium"
+}