@getollie/cli 0.0.1

package/library/svg_generation-svg_images/cartoon-hedge-with-face.json

@@ -0,0 +1,68 @@
+{
+  "index": 120,
+  "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.\nPlease help me implement the following requirement using code, creating it with SVG code. The requirement is to create: a cartoon hedge with a face on it.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the SVG structure properly implemented?",
+      "description": "Check if the SVG code has proper namespace declarations, appropriate viewBox dimensions, and is structured with proper elements (path, rect, circle, etc.). Verify that the SVG can be rendered in a browser without errors. Deduct 3 points for missing namespaces, 3 points for improper viewBox, and 4 points if the SVG doesn't render correctly. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the hedge shape well-defined?",
+      "description": "Evaluate whether the hedge shape is clearly recognizable and has appropriate bush-like textures (using paths with undulating curves or multiple small shapes). Check if the shape uses techniques like gradients or multiple layers to provide depth. Score 10 points for a realistic and visually appealing hedge, 5 points for a basic representation, and 0 points if the shape is not recognizable as a hedge.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the cartoon face properly designed?",
+      "description": "Review if the face includes all essential features (eyes, nose, mouth) with cartoon-like expressions. Check if the face is properly positioned on the hedge and is proportionate to the hedge size. Score 10 points for an expressive, well-integrated face with detailed features; 5 points if the face is basic but recognizable; 0 points if the face is missing or unrecognizable.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is the implementation responsive and scalable?",
+      "description": "Check if the SVG uses relative units or percentage-based positioning to ensure it scales well on different screen sizes. Verify that the viewBox is properly set to maintain aspect ratio. Award 10 points for fully responsive design that scales without distortion, 5 points if it scales but with minor issues, and 0 points if the design breaks when resized.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code can handle common abnormal situations (such as rendering in different browsers, scaling to extreme sizes, etc.) and follows SVG best practices. 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 considerations for robustness are evident, 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. Animation effects like swaying or blinking 2. Interactive elements that respond to user actions 3. Creative use of filters or masks for special effects). 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. Duplicate path definitions or redundant shape elements 2. Unnecessary attributes that don't contribute to the visual outcome 3. Overly complex implementations that could be simplified. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core visual elements are obscured by redundant code.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review whether the SVG code is well-organized with proper grouping (<g> elements), meaningful IDs/classes, and clean path commands. Check for code reusability through defined patterns or symbols if appropriate. Deduct 3 points for disorganized code structure, 3 points for hardcoded values that could be variables, and 4 points for inefficient path commands or excessive code. 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 scheme appropriate for a cartoon hedge 2) Balanced composition with appropriate emphasis on the face 3) Proper use of stroke weights and fill colors. Deduct 3 points for jarring color combinations, 4 points for poor visual balance, and 3 points for inconsistent design elements. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the visual style consistent with cartoon aesthetics?",
+      "description": "Judge whether the hedge and face conform to cartoon style expectations: 1) Simplified yet recognizable forms 2) Exaggerated or stylized features that evoke emotion 3) Appropriate level of detail that maintains clarity. Deduct 3 points for overly realistic elements that clash with cartoon style, 3 points for inconsistent stylization across elements, and 4 points if the overall impression doesn't read as 'cartoon'. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "easy"
+}

package/library/svg_generation-svg_images/chinese-character-long-tail-svg-image.json

@@ -0,0 +1,68 @@
+{
+  "index": 106,
+  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Make sure the code you generate can be executed and displayed. Please help me implement this SVG image using code: a close up of a Chinese character with a long tail.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the Chinese character with long tail accurately rendered in SVG?",
+      "description": "Evaluate whether the SVG code correctly renders a recognizable Chinese character with an elongated, flowing tail. The character should be clearly identifiable while maintaining aesthetic calligraphic properties. Award 10 points for a perfectly rendered character with appropriate stroke weight variation and authentic calligraphy style; 5 points if the character is recognizable but lacks some traditional calligraphic details; 0 points if the character is unrecognizable or missing the long tail feature.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the SVG path implementation technically sound?",
+      "description": "Check if the implementation uses appropriate SVG path commands (M, L, C, Q, etc.) to create smooth curves and proper stroke connections. Examine whether the path data is optimized (not unnecessarily complex) while still capturing the essential calligraphic details. Award 10 points for expertly crafted paths with perfect curve control; deduct 3 points if paths show corner artifacts; deduct 5 points if paths are overly complex or inefficient.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Does the implementation include proper Chinese calligraphy styling?",
+      "description": "Assess whether the SVG incorporates traditional Chinese calligraphy characteristics such as proper stroke order, pressure variations, and brush-like qualities. Review if stroke endings have appropriate tapering and if the long tail exhibits natural flowing qualities. Award full points for authentic calligraphy styling; deduct 5 points if the implementation lacks brush texture or pressure variation; deduct all points if the styling is completely inconsistent with Chinese calligraphy traditions.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is the close-up effect properly implemented?",
+      "description": "Evaluate if the SVG successfully creates a close-up impression through appropriate scaling, framing, or detail emphasis of the character. Check whether viewBox, preserveAspectRatio and other SVG attributes are properly configured to maintain the close-up perspective. Deduct 5 points if the character appears distant rather than close-up; deduct 3 points if scaling issues distort the character; award 10 points for a perfectly executed close-up effect with proper detail emphasis.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the SVG code follows best practices for compatibility across browsers and devices. Check for proper namespace declarations, valid attribute usage, and fallback options when applicable. Code with strong robustness should work consistently across major browsers and screen sizes, giving 10 points. If robustness is average with minor rendering inconsistencies, give 5 points, and if significant cross-browser issues exist, 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. Animation of the brushstroke forming 2. Interactive elements that respond to mouse movements 3. Gradient or texture effects that simulate ink on paper). 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. Unnecessary SVG elements or groups that don't contribute to the visual 2. Overly complex path data that could be simplified 3. Decorative elements that distract from the main character. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core character visualization is interfered with by redundant code.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review modular organization (such as separating structure/styling/animation), code comments explaining artistic decisions, and optimization for file size. Deduct 5 points if styles are hardcoded instead of using CSS where appropriate; deduct 5 points if the SVG contains unnecessary precision in decimal points; deduct 5 points if there are no comments explaining complex path constructions. 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 artistic principles: 1) Appropriate negative space around the character 2) Balanced visual weight between character body and tail 3) Professional color choices that enhance readability (contrast between character and background). Deduct 3 points for cramped composition, 5 points for poor visual balance, and 5 points for colors that reduce character visibility. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the dynamic interaction smooth and seamless?",
+      "description": "Judge whether any included animations or interactions follow natural calligraphy movements: 1) Brush stroke animations that follow traditional stroke order 2) Transitions that mimic brush on paper physics 3) Appropriate timing that reflects the weight and momentum of brush calligraphy. Deduct 5 points for unnatural movement patterns, 3 points for jarring transitions, and 5 points for animations that run counter to traditional calligraphy techniques. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "medium"
+}

package/library/svg_generation-svg_images/cleaning-mess-wet-mop-wiping-liquid.json

@@ -0,0 +1,68 @@
+{
+  "index": 5,
+  "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 whenever possible. Please help me implement the following requirement using SVG code: create a representation of cleaning up a mess with a wet mop, then wiping away all remaining liquid.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the basic SVG structure implemented correctly?",
+      "description": "Check if the SVG code includes proper namespace, viewBox dimensions, and appropriate container elements. All SVG elements should be properly nested and have appropriate identifiers. Score 0 if SVG structure is missing or fundamentally flawed, 5 if basic structure exists but has issues, 10 if structure is complete and well-organized.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the mess representation visually clear and realistic?",
+      "description": "Evaluate how well the 'mess' is depicted in the SVG. Look for appropriate visual elements like splatter patterns, puddles, or stains with realistic coloring and opacity. Score 0 if no mess is visualized, 5 if a basic/abstract mess is shown, 10 if the mess has realistic texture, varied patterns, and appropriate coloring.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the mop animation sequence implemented correctly?",
+      "description": "Review the implementation of the mop animation sequence. Check for proper position tracking, rotation mechanics, and realistic movement patterns when cleaning the mess. Score 0 if the mop animation is absent, 5 if basic movement exists but appears mechanical, 10 if the mop moves naturally with convincing physics and cleaning patterns.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is the liquid removal transition effect visually convincing?",
+      "description": "Assess the transition effect of removing liquid from the surface. Check if there's a progressive cleanup effect showing gradual removal rather than an abrupt disappearance. Verify proper use of opacity changes, path morphing, or mask techniques. Score 0 if liquid simply disappears, 5 if basic transitions exist, 10 if transitions show realistic liquid behavior with wetness gradually receding.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code can handle different screen sizes and browser implementations. Check for proper use of viewBox scaling, responsive design principles, and cross-browser compatibility techniques. Code with strong robustness should work across major browsers and adapt to different viewport sizes, giving 10 points. If the robustness is average, give 5 points, and if no adaptation is considered, 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. Water droplet physics 2. Dynamic reflection/light effects 3. Sound synchronization with visual feedback). 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 SVG elements or nested groups that serve identical purposes 2. Unnecessary animations or effects unrelated to the cleaning visualization 3. Excessive filters or gradients that significantly impact performance. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core animation is obscured by redundant elements.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review the SVG structure organization (such as proper grouping of related elements), use of reusable components, and optimization techniques. Deduct 5 points if global IDs/classes are overused without proper namespacing; deduct 5 points if similar patterns are repeated without proper symbol definitions; deduct 5 points if the SVG lacks proper optimization (excessive precision in path data, unnecessary attributes). 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 with contextually appropriate palette 2) Proper proportions and scale relationships between elements 3) Consistent stylistic choices throughout the animation. Deduct 3 points for each visual inconsistency, 5 points for jarring color combinations, and 5 points for unbalanced composition. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the dynamic interaction smooth and seamless?",
+      "description": "Judge whether the animation timing and easing functions create natural motion: 1) Appropriate animation duration for each phase of cleaning 2) Natural easing functions that mimic physical movement 3) Smooth transitions between animation states. Deduct 5 points for jerky or stuttering animations, 3 points for unrealistic timing (too fast/slow), and 5 points for abrupt transitions between states. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "easy"
+}

package/library/svg_generation-svg_images/close-up-basketball-new-york-knicks-logo.json

@@ -0,0 +1,68 @@
+{
+  "index": 35,
+  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Make sure that the code you provide is executable whenever possible.\nPlease help me implement the following requirement using code. Create a close-up of a basketball featuring the New York Knicks logo using SVG code.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the basketball shape accurately implemented in SVG?",
+      "description": "Evaluate whether the code properly implements a realistic basketball sphere using SVG elements. The basketball should have the correct proportions (close to a circle), appropriate fill color (orange/brown), and proper depth perception. Deduct 5 points if the basketball shape lacks dimensional quality, 3 points if the proportions are incorrect, and 2 points if the coloring is unrealistic. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Are the basketball texture lines/seams accurately rendered?",
+      "description": "Check if the SVG code includes the characteristic curved lines/seams of a basketball. A standard basketball has 8 seams forming curved panels. Verify that these lines are properly positioned, have appropriate curvature, and realistic width/color. Give 10 points for anatomically correct seam patterns with proper spacing and curvature, 5 points if basic lines are present but improperly positioned, and 0 points if seams are missing entirely.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the New York Knicks logo properly implemented and positioned?",
+      "description": "Assess whether the New York Knicks logo is accurately reproduced with correct proportions, colors (blue, orange, and white/gray), and details. The official logo includes the team name 'KNICKS' above a basketball with 'NEW YORK' text. Verify proper positioning on the basketball surface with appropriate perspective distortion if needed. Award 10 points for an accurate logo with all elements, 5 points for a simplified but recognizable version, and 0 points if the logo is unrecognizable or missing key elements.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is the close-up perspective effectively achieved?",
+      "description": "Evaluate if the SVG successfully creates a close-up view of the basketball. This may involve techniques like partial visibility of the ball, detail enhancement, potential shadow/highlight effects to emphasize proximity, or other perspective techniques. Give 10 points for convincing close-up rendering with appropriate depth cues, 5 points if the perspective is present but not convincing, and 3 points if the image appears flat with no close-up qualities.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the SVG code is structured to display correctly across different browsers and viewports. Check for properly defined viewBox, preserveAspectRatio attributes, and responsive design considerations. Code with strong robustness should use relative units where appropriate and include fallback options. Give 10 points for fully responsive SVG that maintains proportions across viewports, 5 points for functional but fixed-size implementation, and 0 points if the SVG breaks in common scenarios.",
+      "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 visual (e.g., 1. Subtle animation like a spinning ball 2. Interactive elements like hover effects 3. Realistic texture/lighting effects like specular highlights). 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. Unnecessarily complex paths that could be simplified 2. Duplicate elements that serve the same visual purpose 3. Excessive detail that impacts performance without visual benefit. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core visualization is obscured by redundant elements.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review code organization (such as logical grouping of SVG elements), proper naming of IDs/classes, and reuse of common elements through <defs> or similar techniques. Deduct 5 points if elements are not logically grouped; deduct 5 points if there's excessive repetition of similar path definitions; deduct 5 points if no comments or organizational structure exists. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the visual representation meet professional design standards?",
+      "description": "Evaluate whether the overall design follows modern design principles: 1) Accurate brand color usage according to NY Knicks official colors 2) Proper proportions and visual balance 3) Appropriate level of detail for an SVG illustration. Deduct 3 points for each color inaccuracy, 5 points for poor proportions, and 5 points for inappropriate detail level (either too simplistic or unnecessarily complex). The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the SVG optimized for performance and compatibility?",
+      "description": "Judge whether the SVG is efficiently implemented: 1) Paths are optimized without unnecessary points 2) Appropriate use of SVG primitive shapes where possible instead of complex paths 3) Reasonable file size without bloat. Deduct 5 points for unoptimized paths with excessive points, 3 points for using complex paths where simple primitives would suffice, and 5 points for unnecessarily large file size due to poor optimization. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "easy"
+}

package/library/svg_generation-svg_images/cloud-with-rain-coming-out.json

@@ -0,0 +1,68 @@
+{
+  "index": 157,
+  "question": "You are a coding expert. Please use your professional knowledge to generate accurate and professional responses. Make sure that the code you generate is executable and can be displayed. Please help me implement this SVG image using code: a close up of a cloud with rain coming out of it.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the cloud shape well-implemented in SVG?",
+      "description": "Check whether the code accurately implements a recognizable cloud shape using SVG path elements or basic shapes (circles, ellipses) with appropriate overlapping. Score 0 if no cloud shape is present, 5 if a basic cloud outline exists, and 10 if the cloud has natural-looking curves with appropriate depth/dimension effects.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the rain effect properly implemented?",
+      "description": "Evaluate whether the rain drops are correctly rendered, either as SVG lines, paths, or animated elements coming from the bottom of the cloud. Look for variations in drop size/length for realism. Score 0 if no rain is implemented, 5 if basic static rain exists, and 10 if the rain has natural variation and proper positioning relative to the cloud.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Does the implementation include animations?",
+      "description": "Check whether the code includes SVG animations (SMIL) or CSS/JavaScript animations for the rain drops to create movement. Assess if the animation timing and easing functions create a realistic rain effect. Deduct 5 points if animations are jerky or unrealistic, and 3 points if animation performance is poor. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is the close-up perspective properly implemented?",
+      "description": "Evaluate whether the SVG implementation properly conveys a 'close up' view of the cloud as requested, with appropriate detail and focus. The cloud should dominate the viewbox appropriately. Deduct 5 points if the cloud appears too small or distant, and 3 points if the perspective doesn't convey a close-up impression. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code uses best practices for SVG implementation, including proper viewBox sizing, appropriate use of groups (<g>), and fallback provisions. Code with strong robustness should be responsive to different viewport sizes and browser support. Give 10 points for excellent implementation, 5 points for average implementation, and 0 points if SVG best practices are ignored.",
+      "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. Lightning effects 2. Wind movement 3. Interactive elements that respond to user input). 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 SVG elements or attributes that serve the same purpose 2. Over-complicated paths that could be simplified 3. Unnecessary scripts or styles that don't contribute to the core visualization. Deduct 3 points for each redundancy found, and directly deduct 10 points if redundant code significantly increases file size or reduces performance.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review code structure (such as separating presentation/behavior), use of reusable components, and appropriate commenting. Deduct 5 points if styles are inconsistently applied; deduct 5 points if the code is excessively verbose or lacks organization; deduct 5 points if there's no commenting for complex sections. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the visual design meet professional standards?",
+      "description": "Evaluate whether the overall design follows modern design principles: 1) Appropriate color choices for cloud and rain (realistic or stylistically coherent) 2) Balanced visual weight and composition 3) Good use of gradients or shading for depth. Deduct 3 points for unrealistic or clashing colors, 5 points for flat, unconvincing cloud rendering, and 5 points for poor spatial relationship between cloud and rain. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the dynamic interaction smooth and seamless?",
+      "description": "Judge whether any dynamic effects (animations, transitions, interactions) conform to natural weather behavior: 1) Rain falls at a natural speed 2) Any transitions or animations feel physical and weight-appropriate 3) Cloud movement (if implemented) appears natural. Deduct 5 points for unnatural movement speeds, 3 points for jerky animations, and 5 points for animations that break the illusion of weather. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "medium"
+}

package/library/svg_generation-svg_images/coffee-maker-espresso-machine-caffeinated-drinks.json

@@ -0,0 +1,68 @@
+{
+  "index": 66,
+  "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 whenever possible.\nPlease help me implement the following requirement using SVG code. The requirement is to create: This coffee maker made caffeinated drinks using an espresso machine.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the basic SVG coffee maker structure properly implemented?",
+      "description": "Check whether the code provides a complete SVG structure with proper viewBox dimensions and organization of components (machine body, water tank, filter holder, steam wand, etc.). Score 0 if essential coffee maker components are missing, 5 if basic structure exists but lacks detail, and 10 if all coffee maker components are accurately depicted with proper scaling and positioning.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Does the SVG implement animation for the coffee-making process?",
+      "description": "Evaluate whether animations are implemented showing the coffee-making process (water flowing, espresso brewing, steam generation). Check for proper use of SVG animation elements (<animate>, <animateTransform>, etc.) or SMIL animation. Deduct 5 points if animations are jerky or unrealistic, and 3 points if key brewing steps are missing. Full score requires smooth, continuous animation showing the complete brewing cycle.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is user interactivity properly implemented?",
+      "description": "Check whether the SVG includes interactive elements that allow users to operate the coffee maker (clicking buttons, adjusting settings, starting the brewing process). Review event handlers, cursor changes, and visual feedback on interaction. Deduct 5 points if basic interaction is missing, 3 points if interaction lacks visual feedback. Full score requires complete, intuitive interaction flow from bean selection through beverage dispensing.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is the caffeine-making visualization explicit and educational?",
+      "description": "Assess whether the visualization effectively demonstrates how an espresso machine extracts caffeine during brewing (pressure mechanics, extraction process, etc.). Score 0 if no educational aspect exists, 5 if the process is shown but without clear explanation of caffeine extraction, and 10 if the SVG clearly illustrates the science of caffeine extraction in espresso production with proper visual cues or indicators.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the SVG code handles common edge cases (browser compatibility, responsive sizing, script failures) and provides appropriate fallbacks. Code with strong robustness should include responsive viewBox settings, appropriate namespaces, and defensive coding patterns. Give 10 points for comprehensive robustness features, 5 points for average implementation, and 0 points if major robustness issues exist.",
+      "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. Pressure gauge animation 2. Steam particle effects 3. Cup filling visualization with color changes). 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 animations (e.g., multiple ways to animate water flow) 2. SVG elements unrelated to a coffee maker (e.g., decorative elements that clutter the visualization) 3. Fancy effects that affect performance (e.g., excessive filter effects or gradients). 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 organization of SVG elements (using <g> groups logically, proper element IDs, reusable components), appropriate use of SVG features (defs, symbols, gradients), and code readability. Deduct 5 points if SVG structure is chaotic or lacks organization; deduct 5 points if there's excessive duplication of path definitions or styles; deduct 5 points if animations are hardcoded rather than parameterized. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the interface vision meet professional design standards?",
+      "description": "Evaluate whether the SVG design follows modern design principles: 1) Harmonious color matching (materials like stainless steel, glass, and coffee represented realistically) 2) Proper proportions and perspective (coffee maker elements in correct relation to each other) 3) Professional finish (appropriate use of gradients, shadows for depth). Deduct 3 points for each unrealistic visual element, 5 points for poor perspective/proportion issues, and 5 points for flat, unrealistic rendering. 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) Animations timed to match real-world coffee making (espresso extraction 20-30 seconds, steam production immediate) 2) Transition animations with natural easing (water flowing, coffee dripping) 3) Clear visual feedback for state changes. Deduct 5 points for unrealistic timing, 3 points for abrupt animations without easing, and 5 points for missing visual feedback on important state changes. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "hard"
+}

package/library/svg_generation-svg_images/computer-monitor-with-colored-buttons.json

@@ -0,0 +1,68 @@
+{
+  "index": 163,
+  "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 whenever possible. Please help me implement the following requirement using SVG code: Create a computer monitor with a bunch of different colored buttons.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the SVG monitor structure properly implemented?",
+      "description": "Evaluate whether the SVG code properly implements the basic structure of a computer monitor, including the screen, bezel, stand, and proper proportions. Check if the viewBox and dimensions are appropriately set. Score 0 if the monitor is not recognizable, 5 if only basic shapes are used without details, and 10 if the monitor looks realistic with appropriate perspective and dimensions.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Are the buttons diverse and well-designed?",
+      "description": "Assess the variety, positioning, and design of the buttons. There should be multiple buttons with different colors as specified in the requirements. Buttons should have proper size, consistent spacing, and positioned logically on the monitor. Deduct 2 points if fewer than 5 different colored buttons are included, 3 points if button spacing is inconsistent, and 5 points if buttons lack visual affordance (like bevels, shadows, or hover states). The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the SVG code structured with proper grouping and naming conventions?",
+      "description": "Review whether the SVG elements are logically grouped (<g> elements) with appropriate IDs/classes for different components (monitor body, screen, buttons, etc.). Check if there are comments explaining complex parts. Deduct 3 points for flat structure without grouping, 3 points for missing IDs/classes on important elements, and 4 points for no code documentation. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Does the implementation include any interactive features?",
+      "description": "Check if the buttons have interactive functionality, such as hover effects, click responses, or animations. Evaluate whether JavaScript or CSS is used to create interactivity. Score 0 if no interactivity exists, 5 if basic hover states are implemented, and 10 if buttons show comprehensive interaction feedback (visual changes, animations, etc.) on user actions.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code can handle common issues (such as browser rendering differences, scaling issues, or viewing on different screen sizes). Code with strong robustness should use relative units, have fallback options, and avoid hard-coded values. Deduct 3 points for each critical browser compatibility issue, 2 points for missing viewBox attribute, and 5 points if the SVG breaks on resizing. The full score is 10 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. Screen content animation 2. Power LED indicator 3. Realistic button shadows/highlights 4. Monitor adjustment features). Add 2.5 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. Duplicate SVG elements performing the same function 2. Unnecessarily complex paths that could be simplified 3. Excessive visual elements that distract from the main requirement. 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 code organization, reusable components, and optimization techniques. Deduct 3 points if there's excessive code duplication (e.g., repeated definitions for similar buttons); deduct 3 points if SVG paths are unnecessarily complex or unoptimized; deduct 4 points if there's no separation of structure, presentation, and behavior. 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-4 primary colors excluding button colors) 2) Proper proportions and perspective 3) Realistic material representation (plastic, glass, metal textures as appropriate). Deduct 3 points for unrealistic proportions, 4 points for inappropriate use of colors creating visual disharmony, and 3 points for inconsistent lighting/shadow effects. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the visual presentation polished and refined?",
+      "description": "Judge the level of detail and finish in the implementation: 1) Smooth curves and clean lines 2) Appropriate use of gradients, shadows, or highlights for depth 3) Attention to small details like button labels, ports, or brand elements. Deduct 3 points for jagged edges or imprecise paths, 3 points for flat appearance without depth cues, and 4 points for missing important details that would make the monitor look realistic. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "easy"
+}

package/library/svg_generation-svg_images/computer-system-diagram-info-types.json

@@ -0,0 +1,68 @@
+{
+  "index": 21,
+  "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 whenever possible. \n\nPlease help me implement the following requirements using code, which should be created using SVG code. The requirement is to create a diagram of a computer system with several different types of information.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the basic SVG structure properly implemented?",
+      "description": "Check if the SVG document has proper DOCTYPE, namespace declarations, viewBox attributes, and responsive design considerations. Verify the SVG has appropriate dimensions and preserveAspectRatio settings. The base SVG should be properly structured with organized groups (<g>) for different components. Score 0 if SVG basics are missing, 5 if basic structure exists but with issues, and 10 for complete and proper implementation.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Does the computer system diagram include all essential components?",
+      "description": "Evaluate whether the diagram includes core computer system components: CPU, memory (RAM), storage devices, motherboard, input/output devices, and their interconnections. Each component should be clearly visualized with appropriate shapes and proportions. Deduct 2 points for each missing major component. Score 10 if the diagram comprehensively represents a computer system architecture.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the information hierarchy visually represented?",
+      "description": "Check if the diagram effectively communicates different layers of information through visual hierarchy (size, position, color, grouping). Components should be organized logically with clear relationships and data flows. Examine if subsystems are properly nested and connections between components are meaningful. Score 0 if hierarchy is absent, 5 if basic hierarchy exists but is confusing, and 10 for clear, intuitive information architecture.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Are interactive or dynamic elements incorporated?",
+      "description": "Assess whether the SVG includes interactive features (hover effects, click actions, animations) to enhance understanding of the computer system. Check for JavaScript event handlers, CSS transitions/animations, or SMIL animations. Award 3 points for basic interactivity, 7 points for moderate interactivity with purpose, and 10 points for comprehensive, educational interactive elements that explain system functions.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the SVG code handles potential issues like browser compatibility, scaling on different screen sizes, and fallback mechanisms. The code should use best practices like avoiding inline styles when appropriate, using semantic IDs and classes, and implementing proper error handling if JavaScript is used. Score 0 if major compatibility issues exist, 5 if generally compatible but with minor issues, and 10 for robust, cross-browser compatible code.",
+      "maxScore": 10
+    },
+    {
+      "id": 5,
+      "title": "Are there any innovative features that are eye-catching?",
+      "description": "Check whether the SVG includes surprise features that enhance the experience (e.g., 1. Animated data flows between components 2. Interactive tooltips with detailed specifications 3. Visual state changes representing system operations). 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 graphical elements that convey the same information 2. Excessive decorative elements that don't contribute to understanding the computer system 3. Overly complex animations or effects that distract from the content. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core diagram clarity is compromised by redundant elements.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review the SVG code organization (such as appropriate grouping of elements), reuse of common elements through symbols or patterns, and optimization for file size and rendering performance. Deduct 5 points if element IDs/classes are inconsistent or poorly named; deduct 5 points if the code is unnecessarily verbose with duplicated definitions; deduct 5 points if no performance optimizations are implemented (like reducing path points or proper use of primitives). 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 with appropriate contrasts for readability) 2) Proper layout spacing and alignment of components 3) Professional typography (readable font family, appropriate size hierarchy). Deduct 3 points for each awkward visual element, 5 points for poor color choices that hinder understanding, and 5 points for inconsistent visual language. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the dynamic interaction smooth and seamless?",
+      "description": "Judge whether any dynamic effects conform to human perception characteristics: 1) Responsive feedback for interactive elements ≤ 100ms 2) Transition animation duration controlled between 300-500ms 3) Clear visual focus on important components. If animations exist, they should enhance understanding rather than distract. Deduct 5 points for jarring transitions, 3 points for excessive or too fast animations, and 5 points for confusing interaction patterns. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "hard"
+}