@getollie/cli 0.0.1

package/library/svg_generation-svg_images/responsive-org-chart-foreignobject-html-embed.json

@@ -0,0 +1,68 @@
+{
+  "index": 58,
+  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Be sure to ensure that the generated code is executable and displayable.\n\nPlease help me implement the following requirements using code, specifically with SVG code. The requirement is to create: a responsive organizational chart that uses <foreignObject> to embed HTML for more complex text formatting.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the SVG organizational chart structure correctly implemented?",
+      "description": "Review whether the code properly implements a hierarchical organizational chart structure using SVG elements. Check if proper positioning logic is used for layout (e.g., tree layout algorithm or manual positioning). Score 0 if the structure is not implemented, 5 if basic structure is present but has alignment issues, 10 if the organizational chart structure is complete with proper hierarchical representation.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the <foreignObject> element correctly utilized?",
+      "description": "Evaluate the implementation of <foreignObject> elements to embed HTML content. Check if proper namespaces are defined, if dimensions are correctly set, and if content displays properly across browsers. Deduct 5 points if namespaces are missing, 3 points if positioning is incorrect, and 2 points if browser compatibility issues exist. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the complex text formatting within HTML properly implemented?",
+      "description": "Assess the quality of HTML formatting inside the <foreignObject> elements. Check for proper use of semantic HTML tags, CSS styling, and text layout. Score 0 if no complex formatting is attempted, 5 if basic formatting exists but lacks polish, and 10 if the formatting includes multiple elements like headers, paragraphs, lists, or styled text that enhances readability and visual appeal.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is the chart fully responsive?",
+      "description": "Test whether the organizational chart correctly responds to different viewport sizes. Check for viewBox attributes, percentage-based sizing, media queries, or JavaScript-based resizing logic. Deduct 5 points if the chart doesn't resize properly on small screens, 3 points if elements overlap when resized, and 5 points if text becomes illegible at certain sizes. 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 long text content, missing data, or browser inconsistencies) and provide fallback mechanisms. Code with strong robustness should prevent text overflow, handle missing node data gracefully, and include browser compatibility workarounds. Give 10 points for comprehensive robustness, 5 points for average handling, and 0 points if no edge cases are addressed.",
+      "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. Interactive node expansion/collapse 2. Smooth transitions when reorganizing 3. Dynamic data loading). 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 unnecessary nesting 2. Duplicated styling that could be handled with classes 3. Overly complex animations or effects that don't enhance understanding. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core organizational chart functionality is compromised by redundant code.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review modular organization (such as separating rendering logic from data processing), code reusability for generating nodes, and maintainability. Deduct 5 points if global variables pollute the namespace; deduct 3 points for excessive hardcoded values; deduct 5 points if the code lacks comments or documentation. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the interface vision meet professional design standards?",
+      "description": "Evaluate whether the organizational chart follows professional design principles: 1) Consistent visual hierarchy through shapes, colors, and sizes 2) Proper spacing between nodes and levels 3) Clear visual connections between related nodes. Deduct 3 points for inconsistent node styling, 5 points for poor color contrast affecting readability, and 3 points for unclear relationship indicators. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the dynamic interaction smooth and seamless?",
+      "description": "Judge whether any interactive elements (hover states, transitions, expansions) conform to human perception characteristics: 1) Responsive feedback on interaction 2) Smooth transitions between states 3) Clear visual cues for interactive elements. Deduct 5 points for laggy animations, 3 points for jarring visual changes, and 5 points for unclear interactive elements. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "easy"
+}

package/library/svg_generation-svg_images/rocket-ship-launched-into-space.json

@@ -0,0 +1,68 @@
+{
+  "index": 143,
+  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Make sure to ensure that the code you generate is executable for demonstration purposes.\nPlease help me implement this SVG image using code. The rocket ship launched into space.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the rocket ship SVG properly implemented?",
+      "description": "Check if the SVG code correctly defines a rocket ship with appropriate shapes (body, windows, fins, etc.). Examine whether the geometric elements are properly constructed with correct coordinates and dimensions. Score 0 if no rocket is visible, 5 if basic shapes are present but disproportionate, and 10 if the rocket has proper proportions and identifiable components.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the space/sky background effectively created?",
+      "description": "Evaluate the implementation of the space/sky background. Check for stars, planets, or gradient backgrounds that convey outer space. Deduct 5 points if the background is plain or missing, 3 points if it lacks depth or context, and 2 points if the stars or elements are too uniform. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the rocket launch animation implemented?",
+      "description": "Verify that the code includes animation for the rocket launching into space. Assess if the motion path is realistic (upward trajectory, possible slight curve), if there's proper easing (acceleration/deceleration), and if the animation duration is appropriate. Deduct 5 points if there's no animation, 3 points for jerky movement, and 2 points for unrealistic timing. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Are additional launch effects (fire/smoke/particles) included?",
+      "description": "Examine whether the implementation includes proper visual effects for the rocket launch, such as exhaust flames, smoke trails, or particle effects. These should change dynamically during the launch sequence. Deduct 5 points if effects are missing entirely, 3 points if they're static, and 2 points if they lack variation or realism. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code can handle different viewports, browser compatibility, and prevent rendering issues. Check for fallbacks or error handling. Code with strong robustness should work across modern browsers and scales appropriately. Give 10 points for comprehensive robustness, 5 points for average handling, and 0 points if major compatibility 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. Interactive elements that respond to user input 2. Day/night cycle in the background 3. Parallax scrolling for stars/planets). 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 groups that serve no purpose 2. Excessive or overlapping animations 3. Overly complex effects that impact performance without adding value. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core animation is interfered with by redundant code.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review modular design (such as separating SVG structure from animations), code organization, and reusability. Deduct 5 points if all styles are inline rather than grouped; deduct 5 points if there's excessive code duplication; deduct 5 points if there's no separation between structure and behavior. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the visual design meet professional standards?",
+      "description": "Evaluate whether the rocket and space scene follow visual design principles: 1) Color harmony and appropriate contrast 2) Balanced proportions and composition 3) Attention to detail in the rocket and environment. Deduct 3 points for each visual perspective error, 5 points for clashing colors, and 5 points for poor composition. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the animation smooth and natural?",
+      "description": "Judge whether the animations conform to physical motion principles: 1) Appropriate acceleration/deceleration 2) Natural movement paths 3) Smooth transitions between animation phases. Deduct 5 points for jarring motion, 3 points for unnatural timing, and 5 points for animation jumps or resets. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "easy"
+}

package/library/svg_generation-svg_images/rocket-ship.json

@@ -0,0 +1,68 @@
+{
+  "index": 198,
+  "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. Please help me implement this SVG image using code. Rocket ship.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the rocket ship SVG fully implemented with proper shape elements?",
+      "description": "Review whether the code accurately implements the rocket ship using appropriate SVG elements (path, rect, circle, etc.). Check if the essential components of a rocket are present (body, fins, windows, nose cone). Score 0 if missing essential elements, 5 if basic shapes are present but lack detail, and 10 if the rocket is complete with proper proportions and details.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the SVG code structured with proper namespaces and viewBox?",
+      "description": "Evaluate whether the SVG includes proper XML namespaces, a well-defined viewBox attribute that frames the rocket appropriately, and preserveAspectRatio for responsive display. Deduct 3 points if SVG namespace is missing, 3 points for improper viewBox dimensions, and 4 points if responsive scaling isn't considered. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Does the implementation use appropriate coloring and gradient techniques?",
+      "description": "Check if the rocket utilizes proper SVG color attributes, gradients (linear or radial) for realistic effects, and appropriate opacity where needed. Deduct 3 points for flat coloring without gradients, 3 points for unrealistic/inappropriate color choices, and 4 points if no attempt at shading or dimension is made. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Are there animations or interactive elements that enhance the rocket visualization?",
+      "description": "Review if the implementation includes animations (like rocket launch, flame effects) using SMIL or CSS/JavaScript animations. Check for interactive elements (hover effects, clickable parts). Score 0 if no animation/interaction exists, 5 if basic animations are implemented, and 10 if comprehensive animations with user interaction are included.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code handles edge cases like browser compatibility issues, graceful fallbacks for unsupported features, and proper error handling. Code with strong robustness should include comments for complex sections and use defensive programming techniques. Give 10 points for comprehensive robustness, 5 points for average attention to these issues, and 0 points if completely neglected.",
+      "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. Rocket launch sequence with animation 2. Interactive control panel for the rocket 3. Particle effects for exhaust). 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 definitions of the same elements or styles 2. Unnecessary complexity in path definitions that could be simplified 3. Unused elements or attributes that add to file size without visual impact. Deduct 3 points for each redundancy found, and directly deduct 10 points if core elements are obscured by redundant code.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review code organization (grouping related elements with <g> tags), reuse of elements through <defs> and <use>, and appropriate commenting. Deduct 5 points if elements aren't logically grouped; deduct 5 points if there's significant repetition that could be solved with definitions; deduct 5 points if the code is unreadable without comments. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the visual design meet professional illustration standards?",
+      "description": "Evaluate whether the rocket design follows professional illustration principles: 1) Proper perspective and proportion 2) Attention to detail in components 3) Visual balance and focal points. Deduct 3 points for perspective inconsistencies, 5 points for disproportionate elements, and 5 points for lack of visual hierarchy. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the final output optimized for performance and accessibility?",
+      "description": "Judge whether the SVG is optimized: 1) Minimized path data points 2) Appropriate use of primitives over complex paths when possible 3) Inclusion of ARIA attributes for accessibility. Deduct 3 points for unoptimized paths, 3 points for excessive use of groups or transforms that could be simplified, and 4 points for completely neglecting accessibility. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "medium"
+}

package/library/svg_generation-svg_images/school-bell-ringing-svg-code.json

@@ -0,0 +1,68 @@
+{
+  "index": 122,
+  "question": "You are a coding expert. Please use your professional knowledge to generate accurate and professional responses. Make sure that the code you generate can be executed and displayed properly.\nPlease help me implement the following requirement using code. Create using SVG code: The school bell is ringing.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the SVG bell structure accurately and completely implemented?",
+      "description": "Review whether the code accurately implements a realistic bell structure using SVG elements, including the bell body (dome shape), clapper, handle/mounting system, and proper proportional relationships. Score 0 if only basic shapes are used without bell characteristics, 5 if basic bell outline is present but lacks detail, and 10 if a complete and recognizable bell structure with all components is implemented.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the ringing animation effect properly implemented?",
+      "description": "Check whether the SVG animation accurately simulates bell ringing behavior, including pendulum motion of the bell body, clapper movement inside the bell, and realistic swing patterns using SVG animations (animateTransform, animate). Deduct 5 points if only simple rotation is used without physics-based motion, and 3 points if the clapper doesn't move independently. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Are visual sound effects and environmental elements included?",
+      "description": "Evaluate whether the code includes visual representations of sound waves, vibration effects, or environmental context (like a school building, clock tower, or mounting structure). Check for creative visual indicators that enhance the 'ringing' concept such as radiating circles, particle effects, or contextual background elements. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is the animation timing and physics realistic?",
+      "description": "Check whether the animation follows realistic physics principles with proper timing, easing functions, and momentum. The bell should swing with decreasing amplitude over time, and the clapper should move naturally relative to the bell's motion. Deduct 5 points if animations are linear without easing, and 3 points if the timing doesn't feel natural. Give 10 points if physics-based animation is fully implemented.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code can handle common abnormal situations (such as browser compatibility issues, SVG rendering problems, animation performance on different devices) and provide fallback mechanisms. Code with strong robustness should effectively handle edge cases and maintain functionality across different environments, giving 10 points. If robustness is average, give 5 points, and if no error handling exists, 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 visual experience (e.g., 1. Interactive controls to start/stop ringing 2. Multiple bell types or customizable bell designs 3. Sound wave visualization patterns 4. Day/night environmental 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 swing mechanisms coexisting) 2. Elements unrelated to bell ringing (e.g., unrelated decorative objects) 3. Overly complex effects that don't enhance the bell concept. Deduct 3 points for each redundancy found, and directly deduct 10 points if core bell functionality is obscured by redundant code.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review SVG structure organization, proper use of groups and transformations, clean animation definitions, and reusable components. Deduct 5 points if SVG structure is poorly organized or transformations are inefficient; deduct 5 points if animations are not optimized for performance; deduct 5 points if the code lacks modularity and reusability. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the visual design meet professional standards?",
+      "description": "Evaluate whether the bell design follows realistic proportions and aesthetically pleasing visual principles: 1) Proper color scheme that reflects metallic bell materials 2) Appropriate shading and highlighting to show dimensionality 3) Clean stroke weights and consistent styling throughout. Deduct 3 points for unrealistic proportions, 5 points for poor color choices that don't represent a bell, and 5 points for inconsistent visual styling. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the animation smooth and performant?",
+      "description": "Judge whether the SVG animations run smoothly without stuttering: 1) Frame rate consistency during animation cycles 2) Smooth transitions between animation states 3) Optimized SVG paths and transforms for performance 4) Proper use of CSS animations vs SVG animations where appropriate. Deduct 5 points for choppy animations, 3 points for performance issues on standard devices, and 5 points for poorly optimized animation code. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "medium"
+}

package/library/svg_generation-svg_images/shower-sink-bathtub-drainage-system-svg.json

@@ -0,0 +1,68 @@
+{
+  "index": 196,
+  "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 requirements using SVG code: create a pipeline drainage system for a shower, sink, and bathtub.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the basic SVG drainage pipeline system structure correctly implemented?",
+      "description": "Review whether the code correctly establishes the SVG viewport, coordinate system, and basic elements (paths, shapes) for representing the shower, sink, and bathtub components. Check if proper SVG namespaces are included. Score 0 if basic structure is missing, 5 if partial implementation exists, and 10 if complete with proper sizing and positioning.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Are the three required fixtures (shower, sink, bathtub) properly implemented and visually distinguishable?",
+      "description": "Evaluate whether each fixture is clearly represented with appropriate SVG elements and can be visually identified. Each fixture should have distinct visual characteristics and proper proportions. Deduct 3 points for each missing fixture. Deduct 2 points if fixtures are visually ambiguous or poorly proportioned.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the pipeline connectivity logically implemented to show a functioning drainage system?",
+      "description": "Check if the pipes connect all fixtures to a main drain line with proper slopes (indicated visually). Verify that pipe junctions use appropriate fittings (e.g., T-joints, elbows) and follow plumbing best practices. Score 0 if connections are illogical, 5 if basic connectivity exists but with issues, and 10 if the system shows a complete, plausible drainage network.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Does the implementation include water flow visualization or animation capabilities?",
+      "description": "Assess if the code includes SVG animations (SMIL) or JavaScript-based animations to show water flow through the system. Check for proper use of animation timing, opacity changes, or path animations to represent flowing water. Give 10 points for comprehensive animation, 5 for basic animation effects, and 0 if no water flow representation is included.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the SVG code is valid, well-structured, and handles browser compatibility issues. Check for proper group (<g>) elements, appropriate element IDs, and reusable components. Verify if the code handles different viewport sizes and aspect ratios. Code with strong robustness should be able to render properly across browsers, giving 10 points. If the robustness is average, give 5 points, and if many 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 visualization (e.g., 1. Interactive controls to toggle water flow 2. Cross-section views of pipes 3. Pressure or flow rate indicators). 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 groups that serve the same purpose 2. Features unrelated to the plumbing system (e.g., decorative elements that obscure the main functionality) 3. Overly complex effects that impact performance or clarity (e.g., unnecessary filters or gradients). Deduct 3 points for each redundancy found, and directly deduct 10 points if core functionality is compromised by redundant code.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review modular design (such as separating structure/style/animation), code reuse through definitions (<defs>), and proper SVG structuring. Deduct 5 points if global attributes pollute the namespace; deduct 5 points if there's significant code duplication for similar elements; deduct 5 points if SVG optimization techniques (like using symbols or patterns) are not utilized where appropriate. 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 visualization principles: 1) Harmonious color matching with appropriate use of fills and strokes 2) Proper use of scale and proportion 3) Effective use of SVG features like gradients, patterns, or filters where appropriate. Deduct 3 points for each visual inconsistency, 5 points for inappropriate color schemes that harm readability, and 5 points for poor spatial organization. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the dynamic interaction smooth and seamless?",
+      "description": "Judge whether any interactive elements or animations conform to human perception characteristics: 1) Responsive interactions (≤100ms) 2) Smooth animations with appropriate timing (300-500ms for transitions) 3) Clear visual feedback for interaction states. Deduct 5 points for each interaction without feedback, 3 points for jerky or abrupt animations, and 5 points for confusing interaction patterns. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "medium"
+}

package/library/svg_generation-svg_images/smartphone-speech-bubbles-svg-illustration.json

@@ -0,0 +1,68 @@
+{
+  "index": 78,
+  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Pay attention to ensure that the generated code is executable for demonstration.\n\nPlease help me implement the following requirements using code. Create a black and white illustration of a smartphone with speech bubbles emerging from it, using SVG code.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the basic smartphone structure properly implemented in SVG?",
+      "description": "Check if the smartphone outline includes key components (body, screen, home button, camera) with proper proportions and positioning. The smartphone should be clearly recognizable as such. Score 0 if the basic structure is missing, 5 if only a simplified outline is provided, and 10 if all key components are well-implemented with proper SVG path elements and grouping.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Are the speech bubbles correctly implemented?",
+      "description": "Evaluate whether multiple speech bubbles are created with proper bubble shapes (including the pointer/tail directed towards the smartphone). Check for proper use of <path> elements or combined shapes for smooth curves. Score 3 points for basic rectangular bubbles, 7 points for properly curved bubbles, and 10 points if bubbles have varied shapes/sizes with proper pointers pointing to the smartphone.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the black and white color scheme properly applied?",
+      "description": "Verify that the illustration strictly uses only black, white, and grayscale values without any color. Check proper use of 'fill', 'stroke', and opacity attributes to create depth and contrast. Deduct 3 points for each color usage, and 5 points if contrast is insufficient to distinguish elements clearly. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is the SVG code well-structured with proper element hierarchy?",
+      "description": "Examine the organization of SVG elements with appropriate grouping (<g> tags), logical naming of elements with 'id' or 'class' attributes, and proper nesting. Check if related elements are grouped together (phone components, speech bubbles). Deduct 5 points for flat structure without grouping, 3 points for inconsistent naming conventions. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the SVG code uses proper viewport settings, responsive design techniques (viewBox, preserveAspectRatio), and can adapt to different container sizes without distortion. Check if the illustration maintains proper appearance across different browsers. Code with strong robustness should handle these considerations effectively, giving 10 points. If the robustness is average, give 5 points, and if these considerations are ignored, 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 illustration (e.g., 1. Subtle animations for speech bubbles 2. Interactive elements that respond to hover/click 3. Creative use of gradients or patterns within the black and white constraint). 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 definitions of similar elements 3. Excessive detail that doesn't contribute to the overall illustration. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core illustration is obscured by redundant elements.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review code organization (meaningful comments, proper indentation), optimization (use of symbols for repeated elements, minimal path points), and best practices (proper namespace usage, appropriate attribute ordering). Deduct 5 points if paths are overly verbose; deduct 5 points if there's significant redundancy in definitions; deduct 5 points if the file size is unnecessarily large due to poor optimization. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the illustration meet professional design standards?",
+      "description": "Evaluate whether the overall design follows professional illustration principles: 1) Balanced composition with proper visual weight 2) Consistent line weights and styling 3) Good use of negative space and proportion. Deduct 3 points for unbalanced composition, 5 points for inconsistent styling elements, and 5 points for poor use of space that creates visual confusion. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the SVG accessible and semantically correct?",
+      "description": "Judge whether the SVG includes appropriate accessibility features: 1) Proper title and description elements 2) ARIA attributes where appropriate 3) Text elements using actual <text> elements rather than paths when containing readable content. Deduct 4 points for missing title/description, 3 points for inaccessible text content, and 3 points for lack of semantic structure. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "easy"
+}

package/library/svg_generation-svg_images/snowing-christmas-holiday-scene.json

@@ -0,0 +1,68 @@
+{
+  "index": 138,
+  "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 and can be displayed. Please help me implement the following requirement using SVG code: create a scene where it is snowing during the Christmas holiday.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Are the Christmas scene elements comprehensively implemented?",
+      "description": "Review whether the SVG code accurately creates a complete Christmas scene including essential holiday elements such as Christmas tree, snow-covered ground, buildings/houses, and festive decorations. Check if the scene composition follows proper layering (background, middle ground, foreground). Score 0 if only basic shapes are present, 5 if core Christmas elements are included but lack detail, and 10 if a rich, detailed Christmas scene with multiple thematic elements is fully rendered.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the snowfall animation effect realistically implemented?",
+      "description": "Evaluate whether the snowfall animation uses proper SVG animation techniques (such as <animateTransform> or CSS animations) to create realistic snow movement. Check if snowflakes have varying sizes, falling speeds, and trajectories to simulate natural snowfall. Verify if snow accumulation effects are present. Deduct 5 points if snowflakes move unnaturally (same speed/direction), and 3 points if snow lacks size variation. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Are the SVG graphics optimized for performance and scalability?",
+      "description": "Check whether the SVG code uses efficient rendering techniques such as proper use of <defs>, <use> elements for repeated patterns, and appropriate coordinate systems. Evaluate if the snowfall animation uses transforms instead of position changes for better performance. Deduct 5 points if excessive DOM manipulation is used for animation, and 3 points if snowflake objects are not properly reused or recycled. Verify scalability across different viewport sizes. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is the scene lighting and atmospheric depth properly established?",
+      "description": "Assess whether the code implements proper visual depth through layering, gradients, and lighting effects such as street lamps, window lights, or moonlight. Check if atmospheric perspective is achieved through color variation and opacity changes. Evaluate if the overall mood captures the cozy Christmas evening ambiance. Deduct 5 points if the scene appears flat without depth cues, and 3 points if lighting effects are inconsistent. Give 10 points if fully atmospheric with proper depth and lighting.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code can handle common edge cases (such as browser compatibility issues, animation performance on low-end devices, viewport size changes, etc.) and provide graceful degradation. Code with strong robustness should include proper fallbacks and error handling, giving 10 points. If the robustness is average, give 5 points, and if no edge cases are considered, give 0 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 5,
+      "title": "Are there any innovative features that are eye-catching?",
+      "description": "Check whether the code includes delightful features that enhance the Christmas experience (e.g., 1. Interactive elements like clickable ornaments 2. Dynamic weather intensity controls 3. Twinkling star effects 4. Sound integration triggers 5. Day/night transition 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. Redundant implementation of similar animations (e.g., multiple snowfall systems coexisting) 2. Elements unrelated to Christmas scene (e.g., summer flowers, beach elements) 3. Excessive effects that impact performance (e.g., thousands of simultaneous particles). Deduct 3 points for each redundancy found, and directly deduct 10 points if core scene rendering is affected by redundant code.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review SVG structure organization (proper grouping with <g> elements), reusable component design, and clean code practices. Deduct 5 points if inline styles are overused instead of CSS classes; deduct 5 points if the code structure is poorly organized with deep nesting; deduct 5 points if no consideration for maintainability or extensibility. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the visual design meet professional Christmas aesthetic standards?",
+      "description": "Evaluate whether the overall design follows Christmas design principles: 1) Harmonious holiday color palette (traditional reds, greens, whites, golds) 2) Proper composition balance and visual hierarchy 3) Consistent art style throughout the scene. Deduct 3 points for each clashing color combination, 5 points for unbalanced composition that draws attention away from focal points, and 5 points for inconsistent artistic styles within the same scene. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Are the animations smooth and performance-optimized?",
+      "description": "Judge whether the snowfall and other animations run smoothly: 1) Animation frame rate remains stable (≥30fps) 2) No visual stuttering or jank during continuous playback 3) Smooth transitions between animation states 4) Proper easing functions for natural movement. Deduct 5 points for each animation that causes performance issues, 3 points for choppy or jerky motion, and 5 points for animations that don't loop seamlessly. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "medium"
+}

package/library/svg_generation-svg_images/svg-animated-astronaut-floating-in-space.json

@@ -0,0 +1,68 @@
+{
+  "index": 65,
+  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Be sure to ensure that the generated code is executable for display when possible.\nPlease help me implement the following requirement using code, specifically with SVG. The requirement is to create: a complex astronaut drawing showing them floating in space, with a slight swaying animation added.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the astronaut figure properly structured in SVG?",
+      "description": "Evaluate whether the astronaut figure is properly implemented using SVG path elements, groups, and shapes. The astronaut should include detailed components such as helmet with visor reflection, spacesuit with proper joints, backpack/life support system, and gloves/boots. Score 0 if the astronaut is overly simplistic (just basic shapes), 5 for moderate detail, and 10 for professional-level SVG structuring with proper layering and proportions.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the space environment effectively depicted?",
+      "description": "Check if the space environment includes essential elements like stars (varied sizes/opacities), distant planets or celestial bodies, and possibly subtle nebula effects using gradient fills or filters. Assess if the background creates depth using multiple layers. Deduct 3 points if stars are uniform/unrealistic, 5 points if the environment lacks depth, and 3 points if there's no contrast between foreground and background. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the floating/swaying animation properly implemented?",
+      "description": "Analyze the animation implementation for the floating astronaut. Look for smooth keyframe animations or SMIL animations with proper easing functions. The movement should simulate zero-gravity floating with subtle rotations and translations on multiple axes. Deduct 5 points if the animation is jerky/unnatural, 5 points if it's too simplistic (single-axis movement only), and 3 points if timing functions are missing. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Are advanced SVG features properly utilized?",
+      "description": "Evaluate the use of advanced SVG features such as masks, clipping paths, filters (like blur for depth), gradient fills, and proper opacity settings. These should enhance visual quality without causing performance issues. Check for use of <defs> for reusable elements. Deduct 3 points for each advanced feature that could be used but isn't, and 5 points if features are used incorrectly causing visual artifacts. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the SVG code is robust with proper viewBox settings, responsive design considerations, and fallback mechanisms. Check for proper handling of aspect ratios and scaling. Code with strong robustness should work across different screen sizes and browsers. Deduct 3 points if the viewBox is improperly set, 3 points if there are no responsiveness considerations, and 4 points if browser compatibility issues exist. 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. Interactive elements that respond to user input 2. Subtle particle effects for stars or thrusters 3. Dynamic lighting effects as the astronaut moves 4. Secondary animations like tethering cable or floating equipment). 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. Redundant SVG elements or groups that could be simplified or reused 2. Excessive animation loops that affect performance 3. Overly complex effects that don't enhance the visual narrative. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core visual elements are obscured by redundant elements.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review modular organization (such as proper grouping of SVG elements), naming conventions for IDs/classes, and code readability. Deduct 3 points if elements are not logically grouped, 3 points if IDs/classes are poorly named or inconsistent, and 4 points if the code structure is disorganized with no comments or clear pattern. 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) Color harmony with appropriate use of shadows and highlights 2) Proper proportions and visual balance 3) Attention to detail in the astronaut's equipment and environment. Deduct 3 points for each visual inconsistency, 5 points for poor color choices that diminish realism, and 5 points for anatomical or perspective errors. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the animation performance optimized?",
+      "description": "Judge whether the animation is optimized for performance: 1) Using transform properties rather than changing position attributes 2) Appropriate animation frame rates 3) Proper use of requestAnimationFrame if using JavaScript. Deduct 5 points for animations that cause browser lag, 3 points for inefficient animation methods, and 5 points for unnecessary redraws or layout thrashing. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "medium"
+}