@getollie/cli 0.0.1

package/library/svg_generation-svg_icons_logos/svg-nintendo-controller-video-game-icons.json

@@ -0,0 +1,68 @@
+{
+  "index": 197,
+  "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.\nPlease help me implement the following requirement using SVG code: create a Nintendo controller and icons playing video games, for a minimal entertainment activity.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the Nintendo controller structure accurately implemented?",
+      "description": "Review whether the SVG code accurately recreates the Nintendo controller's iconic structure through proper geometric shapes and proportions. Check if it includes essential elements like D-pad, action buttons (A/B), shoulder buttons, analog sticks, and the characteristic controller body shape. Score 0 if only basic rectangles are used, 5 if controller outline is recognizable but lacks detail, and 10 if all controller components are accurately proportioned and positioned according to authentic Nintendo controller design.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Are the gaming icons and visual elements professionally designed?",
+      "description": "Evaluate whether the gaming icons (characters, items, UI elements) are implemented with clean SVG paths and demonstrate gaming aesthetics. Check for proper use of vector graphics principles, scalable design, and gaming-themed iconography. Icons should be instantly recognizable and maintain visual consistency. Deduct 5 points if icons are poorly vectorized or pixelated, deduct 3 points if gaming theme is not clearly conveyed. Full score requires professional-grade gaming iconography.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the minimal entertainment activity concept effectively realized?",
+      "description": "Assess whether the implementation successfully creates an engaging minimal entertainment experience through interactive elements or visual storytelling. Check if the controller and icons work together to suggest or enable actual gaming interaction. The design should communicate 'playfulness' and 'entertainment' immediately. Deduct 5 points if no interactive elements are present, deduct 3 points if the entertainment aspect is unclear or confusing.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is the SVG structure optimized and semantically correct?",
+      "description": "Review the SVG code structure for proper use of groups, layers, and semantic organization. Check if the code uses appropriate SVG elements (rect, circle, path, polygon) efficiently and includes proper viewBox settings for scalability. Evaluate whether the code is clean, readable, and follows SVG best practices. Deduct 5 points if excessive nested groups are used, deduct 3 points if viewBox is incorrectly set, deduct 5 points if inline styles are used instead of proper SVG attributes.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code can handle common abnormal situations (such as browser compatibility issues, scaling problems, rendering errors) and provide fallback mechanisms. Code with strong robustness should work consistently across different browsers and screen sizes, giving 10 points. If the robustness is average, give 5 points, and if no compatibility considerations are made, 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. Hover animations on controller buttons 2. CSS keyframe animations for gaming effects 3. Interactive SVG elements that respond to clicks 4. Creative use of SVG filters or gradients). 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 that serve no visual purpose 2. Overly complex paths that could be simplified 3. Unnecessary styling that doesn't contribute to the gaming theme. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core visual concept is obscured by redundant code.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review SVG code organization, proper use of comments, consistent naming conventions, and maintainable structure. Deduct 5 points if SVG elements are not properly organized or grouped; deduct 5 points if the code lacks readability or uses inconsistent formatting; deduct 5 points if no consideration is given to file size optimization. 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 that reflects Nintendo's brand aesthetics 2) Proper proportions and spacing that maintain visual balance 3) Professional use of typography if text elements are included 4) Clean, minimalist approach suitable for entertainment context. Deduct 3 points for each visually jarring element, 5 points for poor color harmony, 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 any interactive elements or animations conform to user experience principles: 1) Smooth CSS transitions if hover effects are implemented 2) Appropriate animation timing and easing 3) Clear visual feedback for interactive elements 4) Intuitive visual hierarchy that guides user attention. Deduct 5 points for each missing interaction feedback, 3 points for choppy animations, and 5 points for confusing visual flow. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "hard"
+}

package/library/svg_generation-svg_icons_logos/svg-red-white-bmc-logo.json

@@ -0,0 +1,68 @@
+{
+  "index": 182,
+  "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. Please help me implement this SVG image using code: a close up of a red and white BMC logo.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the SVG code for the BMC logo accurate and working?",
+      "description": "Check if the SVG code properly renders the BMC (Bicycle Manufacturing Company) logo with its distinctive red and white color scheme. The logo should be recognizable as the BMC brand mark with accurate proportions and shapes. Score 0 if the logo is unrecognizable, 5 if it's recognizable but with significant distortions, and 10 if it closely resembles the official BMC logo.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the red and white color scheme correctly implemented?",
+      "description": "Verify that the code uses the correct red color (#E30613 or similar) for the BMC logo and implements a proper contrast with white elements. Check if the colors match BMC's brand identity. Deduct 5 points if wrong shades are used, 3 points if the contrast is poor, and 10 points if colors don't match the BMC brand at all. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Does the SVG implementation use proper vector paths?",
+      "description": "Examine whether the SVG uses proper path elements (<path>) with optimized d-attribute values or appropriate basic shapes (<rect>, <circle>, etc.) instead of bitmap approaches. Ensure the paths are constructed efficiently without unnecessary points. Deduct 5 points for unnecessarily complex paths, 3 points for unoptimized curves, and give 0 points if bitmap approaches are used instead of vectors. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is the close-up view appropriately implemented?",
+      "description": "Evaluate if the code implements a proper close-up view of the logo, focusing on details while maintaining clarity and proportions. The viewBox attribute should be set correctly to frame the close-up area. Deduct 5 points if the viewBox is improperly set, 3 points if the close-up effect is poorly executed, and 10 points if no close-up effect is implemented. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code handles potential display issues across browsers and devices, includes fallback options, and properly sets width/height or preserveAspectRatio attributes. Code with strong robustness should work consistently across platforms, giving 10 points. If the robustness is average with minor display inconsistencies, give 5 points, and if serious rendering problems 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 logo visualization (e.g., 1. Subtle animations when hovering 2. Responsive scaling techniques 3. Interactive elements that highlight parts of the logo). 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 elements or groups that complicate the SVG structure 2. Decorative elements not part of the original BMC logo 3. Excessive filters or effects that increase rendering load without benefit. Deduct 3 points for each redundancy found, and directly deduct 10 points if redundant code interferes with the core logo rendering.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review modularity (such as proper grouping with <g> elements), element naming (with meaningful id/class attributes), and optimization for file size. Deduct 5 points if there's no logical structure to the SVG elements; deduct 5 points if the code is excessively verbose or poorly formatted; deduct 5 points if there are no comments for complex parts. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the visual implementation meet professional design standards?",
+      "description": "Evaluate whether the SVG adheres to professional design principles: 1) Precise alignment of elements 2) Clean edges without artifacts 3) Proper scaling at different sizes without distortion. Deduct 3 points for each misaligned element, 5 points for jagged edges or rendering artifacts, and 5 points for improper scaling behavior. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the SVG accessible and optimized for different contexts?",
+      "description": "Judge whether the SVG implementation includes: 1) Proper ARIA attributes for accessibility 2) Title and description elements 3) Optimization for both light and dark backgrounds. Deduct 5 points for missing accessibility features, 3 points for poor background adaptation, and 5 points if the SVG doesn't include proper metadata. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Icons/Logos",
+  "difficulty": "medium"
+}

package/library/svg_generation-svg_icons_logos/woman-business-suit-speech-bubble-icon.json

@@ -0,0 +1,4 @@
+{
+  "svg": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2ZM12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4Z\" fill=\"currentColor\"/>\n  <path d=\"M12 12C14.2091 12 16 10.2091 16 8C16 5.79086 14.2091 4 12 4C9.79086 4 8 5.79086 8 8C8 10.2091 9.79086 12 12 12ZM12 6C13.1046 6 14 6.89543 14 8C14 9.10457 13.1046 10 12 10C10.8954 10 10 9.10457 10 8C10 6.89543 10.8954 6 12 6Z\" fill=\"currentColor\"/>\n  <path d=\"M12 13C9.33333 13 7 14.3333 7 17V20H17V17C17 14.3333 14.6667 13 12 13Z\" fill=\"currentColor\"/>\n  <path d=\"M18 10C18 9.44772 17.5523 9 17 9H15.5L14.5 7.5L12 10H10C9.44772 10 9 10.4477 9 11C9 11.5523 9.44772 12 10 12H11.5L12.5 13.5L15 11H17C17.5523 11 18 10.5523 18 10Z\" fill=\"currentColor\"/>\n</svg>\n",
+  "description": "An icon depicting a woman in a business suit with a speech bubble above her head."
+}

package/library/svg_generation-svg_images/3d-cube-dynamic-shadow-effects-svg-rect-animatetransform.json

@@ -0,0 +1,68 @@
+{
+  "index": 176,
+  "question": "You are a code expert. Please use your professional knowledge to generate accurate, professional responses. Make sure the generated code is executable for demonstration purposes. \nPlease help me implement the following requirement using code, specifically using SVG code. The requirement is to create: Design a 3D cube with dynamic shadow effects, using <rect> and <animateTransform> elements.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "3D cube implementation completeness",
+      "description": "Evaluate whether the SVG code properly implements all six faces of a 3D cube using <rect> elements with appropriate positioning, dimensions, and perspective. Check if the faces are correctly positioned to create a convincing 3D effect. Score 0 if fewer than 4 faces are implemented, 5 if all faces are present but with incorrect perspective, and 10 for a complete and accurate 3D representation.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Dynamic shadow effect implementation",
+      "description": "Assess the shadow implementation quality and realism. The shadow should change dynamically as the cube rotates, with proper opacity, blur effects (using <feGaussianBlur>), and accurate positioning relative to the light source. Deduct 5 points if the shadow is static, 3 points if shadow direction doesn't match the light source, and 2 points if shadow intensity doesn't vary with distance/angle. Full score requires physically accurate shadow projection.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Animation quality using <animateTransform>",
+      "description": "Evaluate the animation implementation using <animateTransform> elements. Check for smooth rotation on multiple axes, proper timing functions (ease-in-out), and appropriate animation duration. Deduct 3 points for single-axis rotation only, 3 points for abrupt/jerky animations, and 4 points if animation doesn't loop properly or has noticeable jumps between cycles. The full score requires multi-axis, smooth, continuous animation.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Proper transformation and perspective handling",
+      "description": "Assess how well the SVG handles 3D transformations and perspective. Check for proper use of transform attributes (rotate, translate), perspective settings, and maintaining correct face visibility during rotation. Deduct 5 points if perspective distortion is unrealistic, 3 points if transformations aren't properly synchronized across elements, and 2 points for improper z-index management during rotation. Full score requires mathematically correct 3D transformations.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Code robustness",
+      "description": "Evaluate whether the code can handle various viewport sizes, browser compatibility, and performance under different conditions. Code with strong robustness should use relative units, include fallbacks for unsupported features, and maintain performance with minimal CPU usage. Deduct 3 points for fixed pixel dimensions, 4 points for browser-specific implementations without fallbacks, and 3 points for inefficient code that causes performance issues. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 5,
+      "title": "Innovative features",
+      "description": "Check whether the code includes surprise features that enhance the visualization (e.g., 1. User-controlled rotation via mouse/touch interaction 2. Light source position adjustment 3. Texture mapping on cube faces 4. Responsive design that adapts to container size). Add 2.5 points for each practical innovative feature implemented (maximum 10 points).",
+      "maxScore": 10
+    },
+    {
+      "id": 6,
+      "title": "Redundant features and code efficiency",
+      "description": "Strictly check for: 1. Redundant elements that serve the same purpose 2. Unnecessary filters or effects that impact performance 3. Excessive attributes that could be consolidated in CSS 4. Animations that compete with or cancel each other out. Deduct 2.5 points for each redundancy found, and directly deduct 10 points if the core functionality is compromised by redundant code.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Engineering quality",
+      "description": "Review the code structure, commenting, organization, and best practices. Evaluate use of groups (<g>), proper naming conventions, reusable components, and optimization techniques. Deduct 3 points for ungrouped elements, 3 points for missing or misleading comments on complex transformations, 2 points for duplicated code patterns, and 2 points for not using CSS for styling where appropriate. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Visual design quality",
+      "description": "Evaluate whether the cube design follows professional standards: 1) Harmonious color scheme for the cube faces 2) Appropriate contrast between faces to enhance 3D effect 3) Balanced proportions and dimensions 4) Professional finish with subtle details. Deduct 2.5 points for clashing colors, 2.5 points for poor contrast making faces indistinguishable, 2.5 points for disproportionate dimensions, and 2.5 points for lack of finishing details. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Animation smoothness and performance",
+      "description": "Judge whether the animations conform to natural movement: 1) Consistent frame rate without jitter 2) Appropriate animation timing (not too fast/slow) 3) Smooth transitions between animation states 4) Efficient implementation that doesn't cause browser lag. Deduct 2.5 points for each issue: jerky animations, inappropriate timing, abrupt transitions, or poor performance. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "medium"
+}

package/library/svg_generation-svg_images/angry-bulldog-face-black-white-illustration.json

@@ -0,0 +1,68 @@
+{
+  "index": 186,
+  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Be sure to provide executable code whenever possible.\n\nPlease help me implement this SVG image using code. A black and white illustration of an angry bulldog's face, showcasing distinct facial features and expressions.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the bulldog's face structure accurately depicted in SVG?",
+      "description": "Evaluate whether the SVG path elements properly construct the distinct anatomy of a bulldog's face, including the wide jaw, wrinkled forehead, and flat nose. Check if the proportions are accurate (jaw width should be approximately 1.5x the width of the forehead). Score 0 if the basic structure is unrecognizable as a bulldog, 5 if the structure is recognizable but with anatomical inaccuracies, and 10 for anatomically correct representation.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the angry expression effectively conveyed?",
+      "description": "Assess whether the SVG code successfully creates visual elements that convey anger, such as furrowed brows, bared teeth, flared nostrils, or intense eyes. Score based on the emotional impact: 0 points if the expression is neutral or unclear, 5 points if only basic anger cues are present, and 10 points if the expression unmistakably communicates aggression and intensity.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the black and white illustration properly implemented?",
+      "description": "Review the color implementation in the SVG code. Check if the illustration effectively uses only black, white, and potentially grayscale values (no RGB colors outside grayscale). Assess contrast and balance in the monochrome design. Deduct 5 points if colors other than black/white/gray are used, and 3 points if the contrast is too low to clearly distinguish features. Full 10 points for masterful use of monochrome with proper shading techniques.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Are the facial details implemented with appropriate SVG techniques?",
+      "description": "Evaluate whether the code uses appropriate SVG elements and techniques for rendering detailed facial features (wrinkles, teeth, eyes, etc.). Check for proper use of <path>, <circle>, <rect>, and other SVG elements. Deduct 5 points if inappropriate elements are used for specific features, and 3 points if features lack detail. Give 10 points if complex details are implemented efficiently with appropriate SVG techniques.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the SVG code is well-structured, uses viewBox appropriately, and handles potential rendering issues across browsers. Check if the SVG includes proper structuring with groups (<g>) for logical organization of elements. Deduct 5 points if missing viewport/viewBox definitions, 3 points if lacking proper element grouping, and 2 points if browser compatibility issues exist. Give 10 points for robust, standards-compliant implementation.",
+      "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. Subtle animation for breathing or growling effect 2. Interactive elements that respond to mouse hover/click 3. Creative use of filters or gradients while maintaining the black and white aesthetic). 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 shapes for the same visual element 2. Unnecessary attributes that don't contribute to the visual output 3. Overly complex paths that could be simplified. Deduct 3 points for each redundancy found, and directly deduct 10 points if redundancies significantly increase file size or render time.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review code organization (such as logical grouping of SVG elements), naming conventions for IDs/classes, and optimization for file size. Deduct 5 points if elements lack semantic IDs/classes; deduct 5 points if the SVG contains unoptimized paths (excessive decimal points, unnecessary commands); deduct 5 points if no comments explain complex sections. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the illustration meet professional design standards?",
+      "description": "Evaluate whether the design follows professional illustration principles: 1) Balanced composition with clear focal point 2) Effective use of negative space 3) Consistent line weights and style. Deduct 3 points for unbalanced composition, 5 points for inconsistent line weights, and 5 points for poor use of negative space. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the SVG optimized for performance and scalability?",
+      "description": "Judge whether the SVG is implemented efficiently: 1) Path optimization with minimal points 2) Appropriate use of primitives vs. paths 3) Scalability without quality loss at different sizes. Deduct 5 points for unnecessarily complex paths, 3 points for using paths where primitives would be more efficient, and 5 points if the image degrades significantly when scaled. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "easy"
+}

package/library/svg_generation-svg_images/animated-raindrop-effect-on-glass.json

@@ -0,0 +1,68 @@
+{
+  "index": 107,
+  "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.\nPlease help me implement the following requirements using SVG code. The requirement is to create: Design an animated raindrop effect that shows raindrops sliding down glass.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Are the basic raindrop elements properly implemented?",
+      "description": "Check whether SVG elements (path, circle, etc.) are correctly used to create realistic raindrop shapes. The raindrops should have proper form with curved paths to simulate water droplets. Deduct 5 points if drops are simple circles without proper water droplet shape; deduct 7 points if no transparency or gradient is applied to create a water-like appearance. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the sliding animation properly implemented?",
+      "description": "Evaluate whether the raindrops slide down naturally with physics-like motion (acceleration, slight zigzagging). Check for proper use of SVG animation elements (animate, animateTransform, animateMotion) or JavaScript-based animation. Deduct 5 points if movement is linear without acceleration; deduct 7 points if all raindrops follow exactly the same path without variation. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the glass surface effect convincingly represented?",
+      "description": "Review how the code creates a convincing glass surface illusion through appropriate use of filters, gradients, or opacity. The glass should appear as a surface with appropriate reflective properties. Look for blur effects, subtle transparency, or light refraction simulation. Deduct 5 points if there's no attempt to simulate glass; deduct 3 points if the glass effect lacks realism. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is the raindrop collision and merging behavior implemented?",
+      "description": "Assess whether the implementation includes realistic raindrop interactions such as collision detection, merging of smaller drops into larger ones, or splitting of drops. Deduct 5 points if there's no collision detection between raindrops; deduct 7 points if raindrops pass through each other without interaction. Award full 10 points only if sophisticated merging behavior is implemented.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code can handle varying screen sizes, browser compatibility issues, and performance optimization for animation rendering. Look for proper event handling, memory management for continuous animations, and use of requestAnimationFrame for smooth rendering. Deduct 5 points if the animation causes significant performance issues; deduct 3 points if the code lacks resize handling. 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 raindrops that respond to mouse/touch 2. Realistic sound effects synchronized with raindrop movement 3. Dynamic background that changes with rain intensity). 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 calculation of raindrop positions 2. Unnecessary complex filters that impact performance 3. Unused or duplicate SVG definitions that bloat the code. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core raindrop animation is interfered with by redundant code.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review modular design (separation of raindrop creation, animation, and rendering logic), reuse of SVG patterns/symbols, and optimization techniques such as requestAnimationFrame. Deduct 5 points if global variables are excessively used; deduct 5 points if animation logic is not separated from element creation; deduct 5 points if there's no performance optimization for numerous raindrops. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the visual effect meet professional design standards?",
+      "description": "Evaluate whether the overall design follows realistic water physics: 1) Appropriate transparency for water droplets 2) Natural color variation in drops based on lighting 3) Proper sizing distribution (smaller at top, potentially larger as they merge). Deduct 3 points for unrealistic water coloring, 5 points for uniform drop sizes that don't vary, and 5 points for unnatural movement patterns. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the dynamic interaction smooth and seamless?",
+      "description": "Judge whether the animation conforms to natural physics: 1) Smooth acceleration as drops slide down 2) Natural deformation of drops during movement 3) Realistic trail/streak effect behind faster-moving drops. Deduct 5 points for rigid movement without organic feel, 3 points for stuttering animation at higher raindrop counts, and 5 points if drop movement doesn't respond to container size changes. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "medium"
+}

package/library/svg_generation-svg_images/barley-and-wheat-crop-plants.json

@@ -0,0 +1,68 @@
+{
+  "index": 126,
+  "question": "You are a code expert. Please use your professional knowledge to generate accurate, professional responses. Be sure to ensure that the code you generate is executable for demonstration purposes. Please help me implement this SVG image using code. Barley and wheat are crop plants in agriculture used for food and grain.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the basic SVG structure correctly implemented?",
+      "description": "Verify if the code correctly sets up the SVG document with appropriate viewport dimensions, namespaces, and root elements. Check if the SVG has proper width, height attributes and viewBox for responsive scaling. Deduct 5 points if viewport dimensions are not properly defined, 3 points if namespaces are missing, and 5 points if responsive scaling is not implemented. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Are the barley plant elements accurately visualized?",
+      "description": "Evaluate whether the barley plant is correctly depicted with distinctive features (long awns extending from grains, erect ears, slender stems). Check if the implementation includes authentic details like barley's characteristic bushy head and spike-like appearance. Score 0 if no barley visualization is present, 5 if basic shape is implemented without characteristic details, and 10 if the visualization is botanically accurate and visually distinctive.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Are the wheat plant elements accurately visualized?",
+      "description": "Examine if the wheat plant visualization includes proper characteristics (compact head, shorter awns compared to barley, broader leaves). Verify if the wheat ears show the classic drooping posture when mature and appropriate coloration. Score 0 if no wheat visualization is present, 5 if only basic wheat shape is implemented, and 10 if the visualization includes accurate botanical details and growth structure.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is there appropriate agricultural context and scene composition?",
+      "description": "Check if the SVG includes contextual elements that represent an agricultural setting (soil line, field backdrop, sun or sky indicators). Review whether the composition creates a cohesive agricultural scene rather than isolated plant elements. Deduct 3 points if plants are shown without context, 5 points if the composition lacks depth or perspective, and 2 points if the scene lacks agricultural relevance. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code includes fallback options for browsers with limited SVG support, uses groups for logical organization of elements, and implements proper element IDs/classes for potential styling/scripting. Code with strong robustness should gracefully handle rendering issues and be maintainable. Give 10 points for robust implementation, 5 points for average implementations, and 0 points if critical robustness features are missing.",
+      "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. Animation showing plant growth stages 2. Interactive elements showing botanical information on hover/click 3. Seasonal variations or day/night transitions). 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 2. Unnecessary complex paths that could be simplified 3. Over-detailed elements that don't contribute to botanical accuracy but increase file size. Deduct 3 points for each redundancy found, and directly deduct 10 points if redundant code significantly impacts rendering performance.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review SVG optimization techniques (such as path simplification, appropriate use of symbols for repeated elements, clean grouping structure), code comments, and readability. Deduct 5 points if patterns/symbols aren't used for repeated elements; deduct 5 points if paths contain unnecessary precision or points; deduct 5 points if there's no logical organization of SVG elements. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the visual representation meet professional design standards?",
+      "description": "Evaluate whether the design follows modern SVG best practices: 1) Appropriate color palette for agricultural visualization 2) Proper scaling and proportions between elements 3) Visual hierarchy that emphasizes botanical differences between barley and wheat. Deduct 3 points for inappropriate color choices, 5 points for disproportionate elements, and 5 points for lack of visual differentiation between the crop types. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the dynamic interaction smooth and seamless?",
+      "description": "Judge whether any included interactions enhance understanding: 1) Smooth transitions if animations are present 2) Responsive hover/click states if interactive 3) Proper loading sequence if complex. Deduct 5 points for jarring animations, 3 points for unresponsive interactive elements, and 5 points for poor performance with complex elements. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "easy"
+}

package/library/svg_generation-svg_images/bell-ringing-alerting-sound.json

@@ -0,0 +1,68 @@
+{
+  "index": 173,
+  "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 this SVG image using code. The bell rang with a clang, alerting us with its sound.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the SVG bell shape accurately implemented?",
+      "description": "Evaluate whether the code correctly represents a bell shape with appropriate curves, dimensions, and proportions. The bell should have a dome shape, a clapper inside, and possibly a mount at the top. Score 0 if no recognizable bell shape is present, 5 if the basic shape is there but lacks detail, and 10 if the bell is accurately portrayed with proper dimensions and elements.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the animation for the bell ringing/clanging implemented?",
+      "description": "Check if the code includes animation for the bell ringing motion (swinging or vibrating) and potentially for the clapper hitting the bell sides. The animation should be smooth and represent a realistic bell movement. Deduct 5 points if only static elements are implemented, and 3 points if the animation exists but is choppy or unrealistic. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Are sound effects for the bell clang integrated with the visual?",
+      "description": "Verify if the implementation includes audio elements synchronized with the bell animation to produce the 'clang' sound. The audio should trigger appropriately with the visual movement. Deduct 5 points if sound is implemented but not synchronized with the animation, and 10 points if no sound implementation exists at all. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Does the implementation include user interaction to ring the bell?",
+      "description": "Assess whether the code allows users to interact with the bell (click, drag, or other interaction methods) to trigger the ringing animation and sound. The interaction should be intuitive and responsive. Deduct 5 points if interaction exists but has noticeable lag or is unintuitive, and 10 points if no interaction is implemented. 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 browser compatibility issues, audio loading failures, interaction edge cases, etc.) and provide fallbacks or error handling. Code with strong robustness should be able to effectively handle these edge cases, giving 10 points. If the robustness is average, give 5 points, and if no exceptions are handled, give 0 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 5,
+      "title": "Are there any innovative features that are eye-catching?",
+      "description": "Check whether the code includes surprise features that enhance the experience (e.g., 1. Visual effects like ripples or echoes when the bell rings 2. Multiple bell tones or sounds based on interaction intensity 3. Customizable bell appearance options). Add 3 points for each practical innovative feature implemented (maximum 10 points).",
+      "maxScore": 10
+    },
+    {
+      "id": 6,
+      "title": "Are there any redundant features?",
+      "description": "Strictly check three types of redundancy: 1. Redundant implementation of similar functions (e.g., multiple animation systems operating simultaneously) 2. Function modules unrelated to the bell visualization (e.g., unnecessary UI controls) 3. Fancy effects that affect performance (e.g., excessive particle systems or filters). Deduct 3 points for each redundancy found, and directly deduct 10 points if the core functions are interfered with by redundant code.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review modular design (such as separating SVG definitions, animation logic, and audio handling), code reusability, and optimal use of SVG/JavaScript features. Deduct 5 points if global namespace pollution is found; deduct 5 points if the code duplicates functionality unnecessarily; deduct 5 points if inefficient rendering techniques are used. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the visual design meet professional standards?",
+      "description": "Evaluate whether the bell visualization follows modern design principles: 1) Appropriate use of colors and gradients for a metallic appearance 2) Proper proportions and perspective 3) Attention to details like reflections or textures. Deduct 3 points for unrealistic color choices, 5 points for poor proportions that make the bell unrecognizable, and 5 points for lack of essential visual details. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the animation smooth and realistic?",
+      "description": "Judge whether the bell animation conforms to physical characteristics: 1) Natural swinging motion with appropriate easing 2) Realistic timing for the clapper hitting the bell 3) Proper decay in animation intensity over time. Deduct 5 points for jerky or unnatural movement, 3 points for unrealistic timing between visual and audio, and 5 points for animations that don't follow natural physics. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "hard"
+}

package/library/svg_generation-svg_images/black-and-white-close-up-letter-e-image.json

@@ -0,0 +1,68 @@
+{
+  "index": 151,
+  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Be sure to ensure any code you generate is executable and can be displayed properly. Please help me implement this SVG image using code: a close up of a black and white image of a letter e",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the core SVG implementation of letter 'e' properly defined?",
+      "description": "Evaluate whether the SVG definition includes proper path coordinates that clearly form the letter 'e' shape. Check if the <path> element uses appropriate d-attribute commands or if alternative SVG primitives are used effectively. Score 3 points if a basic 'e' shape is present, 7 points if the proportions are correct, and 10 points if the implementation shows professional typographic details (like proper terminals and counters).",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the black and white contrast effectively implemented?",
+      "description": "Assess if the SVG properly implements the black and white contrast requirement. The foreground and background should have clear differentiation with appropriate fill/stroke attributes. Check for proper use of colors (#000000 for black, #FFFFFF for white) or equivalent RGB/HSL values. Deduct 5 points if grayscale is used instead of pure black and white, and 8 points if color is used. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the 'close-up' effect properly rendered?",
+      "description": "Verify if the implementation conveys a close-up impression of the letter 'e'. This might involve appropriate viewBox settings, scaling, or zoomed-in details that focus on specific parts of the letter. Deduct 5 points if the letter appears as a standard full view rather than a close-up. Deduct another 3 points if the close-up doesn't highlight interesting typographic features. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is the SVG code optimized and efficiently structured?",
+      "description": "Evaluate the technical efficiency of the SVG code. Check for appropriate use of viewBox, unnecessary nested groups, optimal path commands (using relative commands where appropriate), and path optimization. Deduct 3 points for each inefficiency: excessive points in paths, redundant transformations, or missing viewBox. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code handles edge cases properly, such as responsiveness across different viewport sizes, browser compatibility considerations, and fallback options. Code with strong robustness should work consistently across modern browsers and adapt to different container sizes. Deduct 3 points if no responsiveness handling is implemented, 3 points if there's no fallback for older browsers, and 4 points if the SVG breaks in certain contexts. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 5,
+      "title": "Are there any innovative features that are eye-catching?",
+      "description": "Check whether the implementation includes creative enhancements while maintaining the black and white close-up requirement (e.g., 1. Subtle animation that emphasizes the letter's form 2. Creative use of filters for texture 3. Innovative typographic treatment that adds interest). 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 for three types of redundancy: 1. Unnecessary elements or attributes that don't contribute to the visual outcome 2. Duplicated definitions or patterns 3. Excessive detail that negatively impacts performance without visual benefit. Deduct 3 points for each redundancy found, and directly deduct 10 points if core rendering is affected by redundant code.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review code organization (such as proper indentation, meaningful class/ID naming, appropriate comments), optimal use of SVG features (defs, symbols, groups), and maintainability. Deduct 3 points if naming conventions are poor, 3 points if the SVG structure is overly complex without justification, and 4 points if the implementation mixes presentation and structure inappropriately. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the interface vision meet professional design standards?",
+      "description": "Evaluate whether the SVG implementation follows typography principles: 1) Proper weight distribution in the letter forms 2) Clean, crisp edges without artifacts 3) Balanced negative space within the letter's counter. Deduct 3 points for jagged edges or pixelation, 3 points for improper weight distribution, and 4 points for awkward proportions or poor composition. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the implementation accessible and semantically correct?",
+      "description": "Judge whether the SVG includes proper accessibility features and semantic markup: 1) Appropriate title and description tags 2) ARIA attributes where needed 3) Proper contrast ratio for visibility. Deduct 3 points for missing title/desc elements, 3 points for lack of ARIA attributes, and 4 points for inaccessible implementations that screen readers would struggle with. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "easy"
+}