@getollie/cli 0.0.5 → 0.2.0

package/library/web_applications-web_visuals/html-webpage-mp3-wav-playlist-playback.json

@@ -1,68 +0,0 @@
-{
-  "index": 979,
-  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Be sure that the code you generate is executable and can be demonstrated. Help me create an HTML webpage that reads MP3 and WAV files within the current directory to create a playlist for online playback.",
-  "checklist": [
-    {
-      "id": 0,
-      "title": "Is the file loading and directory scanning mechanism properly implemented?",
-      "description": "Check if the code correctly implements file system access API or uses input type='file' with proper directory scanning. For browsers with FileSystem API support, verify directory traversal logic for MP3/WAV files. Score 0 if no file scanning is implemented, 5 if only basic file selection exists, and 10 if recursive directory scanning with proper error handling is included.",
-      "maxScore": 10
-    },
-    {
-      "id": 1,
-      "title": "Does the audio player implement all core playback controls?",
-      "description": "Verify if the implementation includes play/pause, next/previous track, volume control, mute toggle, and progress bar functionality. Each missing control deducts 2 points. The player should properly handle transitions between tracks and maintain state when navigating the playlist. Score 10 for comprehensive controls with smooth transitions.",
-      "maxScore": 10
-    },
-    {
-      "id": 2,
-      "title": "Is proper audio metadata extraction and display implemented?",
-      "description": "Evaluate whether the code extracts and displays ID3 tags from MP3 files and metadata from WAV files (artist, title, album, duration, etc.). Check for proper error handling when metadata is missing. Score 3 for basic filename display, 7 for partial metadata extraction, and 10 for complete metadata with album art display when available.",
-      "maxScore": 10
-    },
-    {
-      "id": 3,
-      "title": "Is the playlist management system fully functional?",
-      "description": "Review if the code implements saving/loading playlists, drag-and-drop reordering, search/filter functionality, and playlist persistence (localStorage or IndexedDB). Deduct 2 points for each missing feature. Score 10 if the implementation includes shuffle, repeat modes, and custom playlist creation capabilities.",
-      "maxScore": 10
-    },
-    {
-      "id": 4,
-      "title": "Is the code robust?",
-      "description": "Evaluate whether the code can handle common abnormal situations (such as unsupported file formats, corrupted audio files, browser compatibility issues, 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. Visualizer for audio frequencies 2. Keyboard shortcuts for playback control 3. Dark/light theme toggle). 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 volume control mechanisms) 2. Function modules unrelated to audio playback 3. Fancy effects that affect performance (e.g., unnecessary animations that slow down the interface). 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 audio processing/UI/storage logic), proper event handling patterns, and clean code 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 there's no error handling for browser compatibility. 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) Click feedback delay ≤ 100ms 2) Progress bar updates smoothly during playback 3) Clear visual feedback for current playing track. Deduct 5 points for each operation without feedback, 3 points for choppy progress updates during playback, and 5 points for hard-to-identify the current playing track. The full score is 10 points.",
-      "maxScore": 10
-    }
-  ],
-  "class": "Web Applications-Web Visuals",
-  "difficulty": "easy"
-}

package/library/web_applications-web_visuals/implement-curve-drawing-ol-js.json

@@ -1,68 +0,0 @@
-{
-  "index": 235,
-  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Take care to ensure the code you generate is executable for demonstration purposes. Implement curve drawing using ol.js.",
-  "checklist": [
-    {
-      "id": 0,
-      "title": "Is a basic OpenLayers map initialization implemented correctly?",
-      "description": "Review whether the code properly initializes the OpenLayers (ol.js) map with appropriate configuration for projection, view settings, and base layers. Check if the map renders correctly with proper center coordinates and zoom level. Score 0 if map initialization is missing, 5 if basic initialization exists but with configuration issues, and 10 if fully implemented with proper configuration.",
-      "maxScore": 10
-    },
-    {
-      "id": 1,
-      "title": "Are curve drawing functionalities properly implemented?",
-      "description": "Evaluate whether the code successfully implements curve drawing capabilities using ol.js. Check for support of different curve types (Bezier, spline, arc, etc.) and proper use of ol.geom classes. Review if control points are properly handled. Score 0 if no curve implementation exists, 5 if only basic single-type curves are supported, and 10 if multiple curve types are implemented with appropriate control point handling.",
-      "maxScore": 10
-    },
-    {
-      "id": 2,
-      "title": "Is interactive curve creation/editing functionality implemented?",
-      "description": "Check if the code allows users to interactively create and edit curves by adding/dragging control points. Evaluate whether proper event handling (click, drag, mouseover) is implemented for curve manipulation. Score 0 if no interaction exists, 5 if basic point-adding functionality exists but lacks editing capabilities, and 10 if comprehensive curve creation and editing is implemented with proper event handling.",
-      "maxScore": 10
-    },
-    {
-      "id": 3,
-      "title": "Is curve styling properly implemented with customization options?",
-      "description": "Review whether the code provides options for styling curves (color, width, dash pattern, etc.) using ol.style classes. Check if the styling can be dynamically changed and if there are reasonable defaults. Score 0 if no styling is implemented, 5 if basic styling exists but lacks customization, and 10 if comprehensive styling options are available with appropriate defaults and dynamic updating.",
-      "maxScore": 10
-    },
-    {
-      "id": 4,
-      "title": "Is the code robust?",
-      "description": "Evaluate whether the code can handle common abnormal situations (such as invalid input coordinates, edge cases like overlapping control points, browser resize events, 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. Curve animation along a path 2. Real-time curve measurements 3. Curve snapping to features 4. Curve interpolation options). 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 curve algorithms 2. Function modules unrelated to curve drawing/mapping 3. Fancy effects that affect map performance. 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 (separating curve logic, drawing utilities, and UI components), proper code organization, and performant implementation patterns. 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 there is no separation between curve calculation logic and rendering. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 8,
-      "title": "Does the interface vision meet professional mapping application standards?",
-      "description": "Evaluate whether the overall design follows mapping UI principles: 1) Appropriate positioning of controls (zoom, pan, curve tools) 2) Clear visual differentiation between different curve types 3) Professional map styling with appropriate contrast to drawn curves. Deduct 3 points for poorly positioned controls, 5 points for indistinguishable curve types, and 5 points for poor contrast between curves and basemap. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 9,
-      "title": "Is the curve drawing interaction smooth and intuitive?",
-      "description": "Judge whether the curve drawing interactions conform to user expectations: 1) Immediate visual feedback during drawing/editing 2) Smooth curve rendering without jitter during manipulation 3) Intuitive control point interaction. Deduct 5 points for laggy curve updates, 3 points for unclear control point visualizations, and 5 points for unintuitive curve manipulation mechanics. The full score is 10 points.",
-      "maxScore": 10
-    }
-  ],
-  "class": "Web Applications-Web Visuals",
-  "difficulty": "easy"
-}

package/library/web_applications-web_visuals/implement-windows-like-multi-window-html.json

@@ -1,68 +0,0 @@
-{
-  "index": 270,
-  "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 purposes. Implement Windows-like multi-window functionality in HTML.",
-  "checklist": [
-    {
-      "id": 0,
-      "title": "Window Creation and Management System",
-      "description": "Evaluate whether the code properly implements a window creation system with the ability to create, close, minimize, maximize, and restore windows. Check if windows have proper title bars, borders, and control buttons that respond to user interactions.0 points if window creation is not implemented; 5 points if basic window creation exists but lacks some controls; 10 points if the implementation includes all standard window controls (minimize, maximize, restore, close) with proper functionality.",
-      "maxScore": 10
-    },
-    {
-      "id": 1,
-      "title": "Window Dragging and Resizing",
-      "description": "Assess the implementation of window dragging (by title bar) and resizing (by borders or corners) functionality. Check if the code uses proper mouse event handling for smooth dragging and resizing operations, including cursor style changes when hovering over resize areas.0 points if dragging/resizing is not implemented; 5 points if only dragging is implemented or if resizing has significant limitations; 10 points if both dragging and resizing work smoothly with proper visual feedback and edge handling.",
-      "maxScore": 10
-    },
-    {
-      "id": 2,
-      "title": "Z-Index Management and Focus Handling",
-      "description": "Evaluate the window stacking order management (z-index) and focus handling. Windows should come to front when clicked, and the active window should be visually distinguished from inactive ones. Check if there's proper management of window focus state.0 points if no z-index management exists; 5 points if basic z-index handling is implemented but with focus issues; 10 points if windows properly stack, with clear visual indication of the active window and correct focus management.",
-      "maxScore": 10
-    },
-    {
-      "id": 3,
-      "title": "Window Content Management",
-      "description": "Check how window content is handled - whether windows can load different types of content (HTML elements, iframes, dynamic content), and if content correctly scales/scrolls when windows are resized. Evaluate if window content is properly contained within window boundaries.0 points if windows cannot hold content properly; 5 points if basic content display works but with limitations in scaling/scrolling; 10 points if windows can handle various content types with proper scaling, scrolling and containment.",
-      "maxScore": 10
-    },
-    {
-      "id": 4,
-      "title": "Code Robustness",
-      "description": "Evaluate whether the code can handle common abnormal situations (such as rapid clicks, resizing beyond screen boundaries, memory management for multiple windows, etc.) and provide friendly error handling or recovery mechanisms.0 points if no exception handling exists; 5 points if basic error handling is implemented but some edge cases are unhandled; 10 points if comprehensive error handling is implemented with graceful degradation.",
-      "maxScore": 10
-    },
-    {
-      "id": 5,
-      "title": "Innovative Features Implementation",
-      "description": "Check whether the code includes surprise features that enhance the experience (e.g., 1. Snap-to-grid functionality 2. Window snapping to screen edges 3. Window grouping/tabbing 4. Virtual desktop/workspace implementation).Add 3 points for each practical innovative feature implemented (maximum 10 points).",
-      "maxScore": 10
-    },
-    {
-      "id": 6,
-      "title": "Feature Redundancy",
-      "description": "Strictly check for redundancies: 1. Redundant implementation of similar functions (e.g., multiple window management systems coexisting) 2. Function modules unrelated to window management 3. Fancy effects that affect performance without adding value.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": "Engineering Quality",
-      "description": "Review modular design (separation of window management logic from presentation), code organization, use of appropriate design patterns, and reusability of components. Check for proper event handling cleanup to avoid memory leaks.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 event listeners aren't properly managed. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 8,
-      "title": "Visual Design and Windows UI Standards",
-      "description": "Evaluate whether the windows follow standard UI conventions and have a professional appearance: 1) Consistent visual styling 2) Proper spacing and padding within window elements 3) Professional-looking window decorations (title bars, borders, buttons) that match Windows-like aesthetics.Deduct 3 points for each inconsistent visual element, 5 points for non-standard window controls placement, and 5 points for unprofessional window styling. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 9,
-      "title": "Interaction Feedback and Animation Quality",
-      "description": "Judge whether the window interactions provide appropriate feedback and animations: 1) Windows respond immediately to user actions 2) Smooth minimize/maximize animations 3) Visual feedback during dragging/resizing operations 4) Appropriate transitions between window states.Deduct 5 points for each operation without feedback, 3 points for choppy or unnatural animations, and 5 points for missing visual cues during important interactions. The full score is 10 points.",
-      "maxScore": 10
-    }
-  ],
-  "class": "Web Applications-Web Visuals",
-  "difficulty": "easy"
-}

package/library/web_applications-web_visuals/integrate-mapbox-gl-in-react.json

@@ -1,68 +0,0 @@
-{
-  "index": 1255,
-  "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. Help me generate code for integrating MapBox-GL in React.",
-  "checklist": [
-    {
-      "id": 0,
-      "title": "Is the MapBox-GL integration properly initialized in React?",
-      "description": "Review whether the code correctly imports and initializes MapBox-GL with an API key, appropriate container configuration, and proper React lifecycle management. Check if useEffect is used correctly to handle map initialization and cleanup. Score 0 if MapBox-GL initialization is missing, 5 if basic initialization exists but with flaws, and 10 if fully implemented with proper access token management and error handling.",
-      "maxScore": 10
-    },
-    {
-      "id": 1,
-      "title": "Are React-specific MapBox integration practices followed?",
-      "description": "Evaluate if the code follows React best practices for MapBox integration: using refs for DOM container management, handling component unmounting properly to prevent memory leaks, and efficiently managing state for map properties. Deduct 3 points if ref management is improper, 3 points if unmounting cleanup is missing, and 4 points if state management causes unnecessary re-renders. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 2,
-      "title": "Are MapBox event handlers properly implemented?",
-      "description": "Check if map events (click, hover, drag, zoom) are handled correctly using React patterns. Event handlers should be properly memoized with useCallback to prevent unnecessary re-renders, and should correctly manage event propagation. Deduct 2 points for each event type that's improperly handled and 4 points if event cleanup on unmount is missing. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 3,
-      "title": "Is there proper handling of MapBox layers and sources?",
-      "description": "Examine how the code manages MapBox layers and data sources. Proper implementation should include abstraction for layer management, conditional rendering of layers, and efficient updates without recreating the entire map. Deduct 3 points if layer management is hardcoded, 4 points if data source updates trigger full map reloads, and 3 points if there's no separation between data and presentation layers. 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 MapBox loading failures, API key errors, geolocation permission denials, 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. Custom map controls with React components 2. Animated data visualization layers 3. Integration with other geospatial libraries like Turf.js). 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 MapBox-GL wrapper libraries that add complexity without value 2. Unnecessary re-rendering of map or components 3. Over-fetching of geospatial data that could be optimized. 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 map configuration/hooks/components), TypeScript typing for MapBox objects, and proper documentation. Deduct 5 points if global state pollution is found or custom hooks aren't created for reusable functionality; deduct 5 points if the code duplication rate is too high (over 30%); deduct 5 points if the component structure doesn't follow separation of concerns. 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) Proper map styling and theme consistency with the React application 2) Responsive design for different screen sizes 3) Accessibility considerations for map controls. Deduct 3 points for inconsistent styling, 5 points for non-responsive implementations, and 5 points for accessibility issues. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 9,
-      "title": "Is the map interaction smooth and performant?",
-      "description": "Judge whether the map interactions are optimized: 1) Map rendering performance during pan/zoom operations 2) Efficient handling of large datasets with clustering or virtualization 3) Appropriate use of worker threads for heavy computations. Deduct 5 points for noticeable frame drops during interaction, 3 points for performance bottlenecks with large datasets, and 5 points for blocking the main thread with intensive operations. The full score is 10 points.",
-      "maxScore": 10
-    }
-  ],
-  "class": "Web Applications-Web Visuals",
-  "difficulty": "easy"
-}

package/library/web_applications-web_visuals/interstellar-black-hole-html-drawing.json

@@ -1,68 +0,0 @@
-{
-  "index": 242,
-  "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. Help me draw a black hole from the movie \"Interstellar\" using HTML code. It should be a single file and match the appearance of the black hole as seen in the movie.",
-  "checklist": [
-    {
-      "id": 0,
-      "title": "Is the core visual representation of the black hole implemented accurately?",
-      "description": "Evaluate whether the code successfully creates a realistic visual representation of the black hole from 'Interstellar', including the accretion disk, event horizon, and gravitational lensing effects. Score 0 if the core elements are missing, 5 if basic elements are present but lack detail, and 10 if the visualization closely resembles Gargantua from the movie.",
-      "maxScore": 10
-    },
-    {
-      "id": 1,
-      "title": "Are the key visual components of Gargantua properly implemented?",
-      "description": "Check if the code includes the specific visual characteristics of the 'Interstellar' black hole: the thin, bright accretion disk with its asymmetric brightness (brighter on the approaching side due to relativistic beaming), the dark event horizon in the center, and the distinctive halo effect. Deduct 3 points for each missing element. Full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 2,
-      "title": "Is the gravitational lensing effect properly simulated?",
-      "description": "Assess whether the code implements the critical gravitational lensing effect that creates the distinctive appearance of light bending around the black hole. This should include the visualization of how the accretion disk appears both above and below the black hole due to extreme light bending. Score 0 if no lensing is implemented, 5 if basic warping is present, and 10 if the effect accurately mimics the movie's physics-based representation.",
-      "maxScore": 10
-    },
-    {
-      "id": 3,
-      "title": "Is the simulation interactive or animated to enhance the visual experience?",
-      "description": "Evaluate whether the code includes animation or interactive elements that enhance the black hole visualization, such as disk rotation, perspective changes, or user controls. Score 0 if static only, 5 if basic animation is implemented, and 10 if comprehensive interactive elements are included that allow viewers to experience the black hole from different perspectives.",
-      "maxScore": 10
-    },
-    {
-      "id": 4,
-      "title": "Is the code robust?",
-      "description": "Evaluate whether the code can handle different viewport sizes, browser compatibility issues, and potential rendering challenges. Code should degrade gracefully if certain features are not supported. Full implementation with fallbacks and responsive design earns 10 points, average implementation with some responsiveness earns 5 points, and implementations that break on different devices earn 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. Time dilation visualization effects 2. Sound elements reminiscent of Hans Zimmer's score 3. Interactive educational elements explaining black hole physics). 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 rendering methods that accomplish the same visual effect 2. Unnecessary elements unrelated to the black hole visualization 3. Excessive effects that impact performance without enhancing the core representation. Deduct 3 points for each redundancy found, and directly deduct 10 points if redundant code interferes with the core visualization.",
-      "maxScore": 10
-    },
-    {
-      "id": 7,
-      "title": "Does the code have engineering quality?",
-      "description": "Review the structure of the HTML/CSS/JS implementation, looking for clean separation of concerns, efficient rendering techniques, and appropriate use of canvas/WebGL/SVG based on the visualization needs. Deduct 5 points if global scope pollution is found; deduct 5 points if there is significant code duplication; deduct 5 points if the implementation uses inappropriate technologies for the task. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 8,
-      "title": "Does the visual presentation meet professional design standards?",
-      "description": "Evaluate whether the black hole visualization follows cinematic design principles: 1) Appropriate color gradient for the accretion disk (orange/red/blue spectrum as in the film) 2) Proper contrast ratio between the event horizon and surrounding elements 3) Clean implementation without visual artifacts or pixelation. Deduct 3 points for each inaccuracy in color representation, 5 points for poor contrast that makes elements difficult to distinguish, and 5 points for visible rendering artifacts. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 9,
-      "title": "Is the visual experience smooth and immersive?",
-      "description": "Judge whether the rendering maintains consistent frame rates (minimum 30fps) during animations, transitions occur smoothly, and the overall experience creates the sense of cosmic scale and awe that the film conveyed. Deduct 5 points for stuttering animations, 3 points for jarring transitions, and 5 points if the scale and proportions fail to create immersion. The full score is 10 points.",
-      "maxScore": 10
-    }
-  ],
-  "class": "Web Applications-Web Visuals",
-  "difficulty": "medium"
-}

package/library/web_applications-web_visuals/javascript-showcase-artwork-dynamic-webpages.json

@@ -1,68 +0,0 @@
-{
-  "index": 1436,
-  "question": "You are a code expert, please use your professional knowledge to generate accurate and professional responses. Take care to ensure that the code you provide is executable and can be demonstrated. How can one create dynamic web pages using JavaScript to showcase artwork?",
-  "checklist": [
-    {
-      "id": 0,
-      "title": "Is a proper HTML5 canvas implementation included?",
-      "description": "Verify whether the code includes a correctly configured HTML5 canvas element with appropriate dimensions, responsive design considerations, and proper initialization. Check if the canvas context (2D or WebGL) is properly obtained and utilized. Score 0 if canvas is missing, 5 if basic implementation exists, and 10 if it includes advanced features like resolution scaling and browser compatibility solutions.",
-      "maxScore": 10
-    },
-    {
-      "id": 1,
-      "title": "Are dynamic drawing techniques implemented effectively?",
-      "description": "Evaluate the implementation of dynamic drawing techniques such as animation loops (requestAnimationFrame), procedural generation, or interactive elements. Check for smooth frame rates (60fps target), efficient redrawing strategies, and proper timing mechanisms. Deduct 5 points if animations are jerky, 3 points if there's no frame rate control, and 5 points if there are no dynamic elements at all.",
-      "maxScore": 10
-    },
-    {
-      "id": 2,
-      "title": "Is there proper user interaction with the artwork?",
-      "description": "Assess whether the code implements meaningful user interactions such as mouse/touch events, keyboard controls, or gesture recognition that allow users to engage with the artwork. Check for event delegation, proper event listener cleanup, and accessible interaction patterns. Deduct 5 points for missing interaction, 3 points for poor event handling, and 5 points for inaccessible controls.",
-      "maxScore": 10
-    },
-    {
-      "id": 3,
-      "title": "Does the implementation offer artistic customization options?",
-      "description": "Review whether the code provides ways to customize the artwork through parameters, controls, or settings that affect visual appearance. Look for color pickers, sliders for visual parameters, or theme options. Score 0 if no customization exists, 5 points for basic controls, and 10 for comprehensive artistic customization options.",
-      "maxScore": 10
-    },
-    {
-      "id": 4,
-      "title": "Is the code robust?",
-      "description": "Evaluate whether the code handles common edge cases (such as browser inconsistencies, window resizing, device orientation changes, etc.) and provides graceful fallbacks or recovery mechanisms. Code with strong robustness should handle these edge cases effectively, 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. Generative art algorithms 2. Physics-based interactions 3. Audio-visual integration 4. AR/VR capabilities). 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 drawing functions 2. Unused visual effects or abandoned code paths 3. Overly complex animations that harm performance without adding artistic value. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core artwork display is interfered with by redundant code.",
-      "maxScore": 10
-    },
-    {
-      "id": 7,
-      "title": "Does the code have engineering quality?",
-      "description": "Review modular design (such as separating rendering logic/UI controls/data management), code reusability, and performance optimization techniques. Deduct 5 points if global namespace pollution is found; deduct 5 points if there's excessive code duplication; deduct 5 points if no performance considerations (like debouncing/throttling for intensive operations) exist. 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 artistic presentation principles: 1) Clean artwork display area without visual clutter 2) Harmonious control panel design that doesn't distract from the artwork 3) Appropriate use of negative space and composition. Deduct 3 points for each visually distracting element, 5 points for poor artwork framing, and 5 points for chaotic UI layout. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 9,
-      "title": "Is the dynamic interaction smooth and responsive?",
-      "description": "Judge whether the dynamic effects and artistic animations conform to human perception: 1) Immediate visual feedback for user interactions 2) Smooth transitions between states or visual changes 3) Appropriate animation timing that enhances rather than detracts from the artwork. Deduct 5 points for laggy responses, 3 points for jarring transitions, and 5 points for animations that distract from appreciating the artwork. The full score is 10 points.",
-      "maxScore": 10
-    }
-  ],
-  "class": "Web Applications-Web Visuals",
-  "difficulty": "medium"
-}

package/library/web_applications-web_visuals/jquery-floating-text-website.json

@@ -1,68 +0,0 @@
-{
-  "index": 1318,
-  "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 purposes. Create a floating text website using jQuery.",
-  "checklist": [
-    {
-      "id": 0,
-      "title": "Is the floating text functionality properly implemented?",
-      "description": "Review whether the code uses jQuery to create elements that float across the screen with smooth animation. Check if the text moves in different directions, speeds, or patterns. Score 0 if no animation exists, 5 if only basic linear movement is implemented, and 10 if there are multiple floating patterns (e.g., sine wave, circular, bounce) with configurable parameters.",
-      "maxScore": 10
-    },
-    {
-      "id": 1,
-      "title": "Is the text generation and management system complete?",
-      "description": "Evaluate whether the code includes mechanisms to generate texts dynamically, manage their lifecycle (creation, animation, removal), and handle text overlap. Deduct 3 points if text elements pile up without being removed after leaving the viewport. Deduct 4 points if there's no system to prevent excessive DOM elements. Score 10 if the implementation includes efficient object pooling or equivalent performance optimizations.",
-      "maxScore": 10
-    },
-    {
-      "id": 2,
-      "title": "Is the interaction with the floating text implemented?",
-      "description": "Check whether users can interact with floating text (e.g., click to remove, hover to pause, drag to reposition). Deduct 5 points if no interaction is implemented. Score full 10 points if multiple intuitive interaction methods are available with appropriate visual feedback (e.g., color change on hover, subtle animation on click).",
-      "maxScore": 10
-    },
-    {
-      "id": 3,
-      "title": "Is there customization functionality for the floating text?",
-      "description": "Assess whether the code allows customization of text appearance (color, size, font, opacity) and behavior (speed, direction, rotation). Score 3 points for basic customization options, 7 points if users can adjust settings through UI controls, and 10 points if there's a complete settings panel with real-time preview functionality.",
-      "maxScore": 10
-    },
-    {
-      "id": 4,
-      "title": "Is the code robust?",
-      "description": "Evaluate whether the code can handle common abnormal situations (such as rapid user interactions, browser resize, mobile device orientation changes) and provide graceful degradation. 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. Physics-based interactions like gravity 2. Text that reacts to mouse movement 3. Themed text groups with different behaviors). 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 event handlers causing memory leaks 2. Unnecessary DOM manipulations that could be handled with CSS 3. Complex animations that could be simplified with CSS transitions/animations. 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 jQuery usage best practices (like proper selectors, event delegation, chain operations), code organization (namespacing, modular structure), and performance considerations (animation frame management, DOM manipulation efficiency). Deduct 5 points for excessive direct DOM manipulations; deduct 5 points if jQuery selectors are inefficient; deduct 5 points if event handlers aren't properly cleaned up. 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 for both text and background 2) Proper contrast ensuring readability of floating text 3) Thoughtful typography choices (appropriate font families, sizes, and weights). Deduct 3 points for poor color combinations affecting readability, 5 points for inconsistent text styling, and 5 points for cluttered visual presentation. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 9,
-      "title": "Is the animation performance optimized?",
-      "description": "Judge whether the animation implementation follows performance best practices: 1) Using requestAnimationFrame instead of setInterval/setTimeout 2) Applying hardware acceleration where appropriate (transform/opacity) 3) Properly handling large numbers of elements without frame drops. Deduct 5 points for noticeable jank during animation, 3 points for excessive reflows/repaints, and 5 points for significant performance degradation with multiple texts. The full score is 10 points.",
-      "maxScore": 10
-    }
-  ],
-  "class": "Web Applications-Web Visuals",
-  "difficulty": "medium"
-}

package/library/web_applications-web_visuals/mobile-wallpaper-webpage.json

@@ -1,68 +0,0 @@
-{
-  "index": 1812,
-  "question": "You are a code expert. Please use your professional knowledge to generate accurate, professional responses. Be sure to provide executable code when possible. Help me create a mobile wallpaper webpage.",
-  "checklist": [
-    {
-      "id": 0,
-      "title": "Is the core wallpaper display and browsing functionality implemented?",
-      "description": "Review whether the code properly implements a responsive grid/layout for displaying wallpapers and includes navigation controls for browsing through the collection. Score 0 if no display mechanism exists, 5 if basic display is implemented but lacks organization, and 10 if it includes proper thumbnails, categories, and smooth navigation.",
-      "maxScore": 10
-    },
-    {
-      "id": 1,
-      "title": "Are wallpaper preview and download functions properly implemented?",
-      "description": "Check if the code includes functionality for users to preview wallpapers in full-screen mode before downloading, and whether it implements proper download functionality with appropriate file formats (JPG/PNG) and resolution options for different mobile devices. Deduct 5 points if preview is missing, and 3 points if download options are limited. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 2,
-      "title": "Is mobile responsiveness properly implemented?",
-      "description": "Evaluate whether the webpage is fully responsive across different mobile device sizes (from small phones to tablets), with appropriate media queries, flexible grid layouts, and touch-friendly UI elements. Deduct 5 points if the layout breaks on specific screen sizes and 5 points if touch interactions are poorly implemented. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 3,
-      "title": "Are wallpaper filtering and search features implemented?",
-      "description": "Check if the code includes functionality for users to filter wallpapers by categories, colors, resolution, or tags, and whether there's a search feature with proper indexing. Deduct 3 points if filtering is limited, 3 points if search doesn't support partial matching, and 4 points if there's no visual feedback during search/filter operations. 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 image loading failures, network interruption, unsupported device orientations, 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. Live wallpaper support with subtle animations 2. Dark/light mode toggle that affects UI and wallpaper suggestions 3. Wallpaper cropping/customization tools). 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 loading libraries) 2. Function modules unrelated to wallpapers (e.g., a built-in calculator) 3. Fancy effects that affect performance (e.g., unnecessary parallax effects). 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/services/state management), asset optimization (image compression, lazy loading), and performance optimization. Deduct 5 points if global state pollution is found; deduct 5 points if unoptimized images cause slow loading; deduct 5 points if there's no code organization or bundling strategy. 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 mobile design principles: 1) Harmonious color matching (no more than 3 primary colors) 2) Proper layout spacing (touch targets at least 44x44px, consistent margins) 3) Professional typography (readable fonts, proper contrast ratios). Deduct 3 points for each crowded visual element, 5 points for a glaring color combination, and 5 points for elements that extend beyond screen boundaries. 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 mobile interaction standards: 1) Touch feedback delay ≤ 100ms 2) Smooth scrolling without jank 3) Appropriate loading indicators for network operations. Deduct 5 points for each operation without feedback, 3 points for choppy animations, and 5 points for interactions that don't follow platform conventions (iOS/Android). The full score is 10 points.",
-      "maxScore": 10
-    }
-  ],
-  "class": "Web Applications-Web Visuals",
-  "difficulty": "easy"
-}