@getollie/cli 0.0.1

package/library/svg_generation-svg_images/svg-rickshaw-tuktuk-vehicle.json

@@ -0,0 +1,68 @@
+{
+  "index": 13,
+  "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.\n\nPlease help me implement the following requirement using SVG code: create a rickshaw, which is a three-wheeled vehicle used for transportation in India, also known as a Tuktuk or vehicle.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the basic structure of the rickshaw (Tuktuk) properly implemented?",
+      "description": "Check if the SVG code includes the fundamental components of a rickshaw: chassis, three wheels (two at the back, one at the front), passenger compartment, and driver's seat. Deduct 3 points if any major component is missing, 2 points if proportions are unrealistic. Full implementation with correct proportions and structural integrity scores 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Are the rickshaw's detailed features accurately represented?",
+      "description": "Evaluate if the rickshaw includes authentic details like handlebars, roof/canopy, passenger seating area, headlights, and characteristic decoration elements. Score 3 points for basic features, 7 points for moderate detail, and 10 points for comprehensive authentic details including decorative elements typical of Indian rickshaws.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the SVG code properly structured with appropriate grouping and organization?",
+      "description": "Review if the SVG elements are logically grouped (<g> elements) for different parts of the rickshaw (wheels, body, canopy, etc.). Check if proper naming conventions or comments are used. Score 10 for excellent organization, 5 for basic organization, 0 for unorganized code.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is perspective and dimensionality handled effectively?",
+      "description": "Check whether the rickshaw design effectively conveys a three-dimensional appearance through appropriate shadowing, gradients, or perspective techniques. A flat, simplistic design scores 3 points; basic dimensionality scores 6 points; realistic 3D appearance scores 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the SVG code is structurally sound, with proper coordinate systems, viewBox settings, and consistent units. Check if it renders properly across different browsers. Code with strong robustness should handle scaling appropriately without distortion. Give 10 points for excellent robustness, 5 for average, 0 if major rendering 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 visualization (e.g., 1. Animation of wheels spinning 2. Interactive elements that respond to user input 3. Variable color schemes or styles). 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 SVG elements that serve the same purpose 2. Unnecessary complex paths that could be simplified 3. Excessive detail that impacts rendering performance. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core representation is obscured by redundant elements.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review code cleanliness (indentation, consistent naming), optimization (use of symbols for repeated elements, appropriate path commands), and maintainability. Deduct 5 points if element IDs/classes are missing or poorly named; deduct 5 points if the SVG contains unnecessary complexity or inefficient path definitions. 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) Harmonious color scheme appropriate for an Indian rickshaw 2) Balanced proportions and visual weight 3) Attention to cultural authenticity in the design. Deduct 3 points for poor color choices, 5 points for disproportionate elements, and 5 points for culturally inaccurate representations. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the final SVG optimized for performance and file size?",
+      "description": "Judge whether the SVG is efficiently implemented: 1) Appropriate use of basic shapes vs. complex paths 2) Elimination of unnecessary decimal precision in coordinates 3) Reuse of elements where possible. Deduct 3 points for each 20% increase in file size over an optimized equivalent, 5 points for unused definitions or attributes, and 5 points for overly complex paths that could be simplified. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "easy"
+}

package/library/svg_generation-svg_images/svg-signpost-three-arrows.json

@@ -0,0 +1,68 @@
+{
+  "index": 132,
+  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Make sure the code you generate is executable whenever possible. Please help me implement the following requirement using code: create a close-up view of a signpost with three different arrows using SVG code.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the basic signpost structure correctly implemented?",
+      "description": "Evaluate whether the SVG code properly defines the main signpost structure, including the post/pole and base elements. Check if appropriate SVG elements (rect, path, etc.) are used for the structure. Score 0 if the signpost is missing, 5 if it's basic but functional, and 10 if it includes detailed structural elements with proper proportions.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Are the three different arrows properly implemented?",
+      "description": "Check if exactly three distinct arrows are implemented, each with a different direction, shape, or style. Each arrow should have proper dimensions, clear directional indicators, and be visibly different from the others. Deduct 3 points for each missing arrow, and 2 points if arrows are too similar to each other. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the close-up view perspective properly rendered?",
+      "description": "Assess whether the SVG implements a close-up view effect through appropriate positioning, scaling, or perspective techniques. The signpost should appear as if viewed from a relatively close distance, with appropriate detailing visible. Deduct 5 points if the view appears distant, and 3 points if perspective is inconsistent. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is text incorporated effectively on the arrow signs?",
+      "description": "Evaluate if the arrows include readable text for destinations/directions. Text should be properly sized, positioned, and oriented on each arrow. Check if text-anchor and alignment properties are used correctly. Deduct 3 points if text is missing, 2 points if text positioning is poor, and 2 points if text is illegible. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the SVG code uses proper syntax, includes appropriate viewBox/dimensions, and avoids rendering errors. Code with strong robustness should define reusable components (via <defs>/<g> elements) and include fallback options. Give 10 points for fully robust code, 5 points for average robustness with minor issues, and 0 points for code with significant errors or browser compatibility issues.",
+      "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. Interactive hover/click effects 2. Subtle animations 3. Dynamic lighting/shadows 4. Weather effects or environmental context). 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 duplicate definitions 2. Elements unrelated to a signpost with arrows 3. Excessive details that complicate the SVG without aesthetic benefit. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core elements are obscured by redundant elements.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review organization of SVG elements (logical grouping), proper naming of IDs/classes, and optimization of path data. Deduct 5 points if elements aren't logically grouped or named; deduct 3 points for excessive decimal precision in coordinates; deduct 3 points if the code isn't properly indented or formatted. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the interface vision meet professional design standards?",
+      "description": "Evaluate whether the design follows modern design principles: 1) Harmonious color palette (complementary or analogous scheme) 2) Proper proportions and balance 3) Appropriate level of detail for a close-up view. Deduct 3 points for clashing colors, 2 points for poor proportions, and 5 points for inappropriate detail level (too simple or overcomplicated). The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the visual implementation realistic and polished?",
+      "description": "Judge whether the signpost appears realistic and visually appealing: 1) Appropriate textures or gradients for materials 2) Shadow/lighting effects where appropriate 3) Convincing connections between arrows and post. Deduct 3 points for flat, unrealistic rendering, 3 points for missing material textures, and 4 points for poor integration of elements. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "medium"
+}

package/library/svg_generation-svg_images/svg-sim-card-yellow-black-design.json

@@ -0,0 +1,68 @@
+{
+  "index": 46,
+  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Make sure the generated code is executable and ready for demonstration.\n\nPlease help me implement the following requirement using code. Create a vector image of a SIM card using SVG code, featuring a distinctive yellow and black design presented on a white background.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the basic SIM card structure properly implemented?",
+      "description": "Verify if the SVG code accurately represents the rectangular shape and the characteristic chip area of a SIM card. Check if dimensions are appropriate (typically 25x15mm proportion) and if the SVG viewBox is properly set. Score 5 if only basic rectangle is present, 8 if chip area is included but poorly positioned, and 10 if all structural elements are correctly implemented with proper proportions.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Does the design feature the required yellow and black color scheme?",
+      "description": "Evaluate if the color palette strictly adheres to the yellow and black requirement with proper contrast on the white background. Check if colors are applied appropriately to different elements (e.g., card body, chip, connector areas). Deduct 5 points if colors are inconsistent, 3 points if yellow/black balance is poor, and 7 points if additional colors are unnecessarily introduced. Consider color hex values and opacity settings.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the chip contact area accurately represented?",
+      "description": "Assess if the gold contact area (chip) follows ISO/IEC 7816 standards with proper layout of connection points. The 8 contact points should be precisely positioned. Score 5 if contacts are present but inaccurately positioned, 8 if proportionally correct but missing some details, and 10 if fully compliant with industry standards including proper spacing between contacts.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Are the beveled corners and card notch properly implemented?",
+      "description": "Check if the SIM card includes the characteristic angled corner (usually top right) and any necessary notch. The beveled corner should be at a 45° angle and sized approximately 3mm. Score 0 if completely missing, 5 if only roughly implemented, and 10 if precisely drawn with proper path instructions or rx/ry attributes for rounded corners.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the SVG code is properly structured with appropriate namespaces, valid attributes, and fallback options. Check if the code is compatible across different browsers and rendering engines. Code with strong robustness should have proper DOCTYPE declarations, viewBox settings, and avoid presentation attributes that might cause rendering issues. Give 10 points for highly robust code, 5 points for average robustness, and 0 points if critical issues are present.",
+      "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 appeal (e.g., 1. Subtle gradient effects 2. Embedded manufacturer logo or text 3. Interactive hover 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. Unnecessary nested groups or containers 2. Duplicate definitions that could be simplified with reusable components 3. Over-complex paths that could be simplified. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core visual elements are obscured by redundant code.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review code organization (such as proper commenting, semantic grouping, and meaningful element IDs), optimization for file size (avoiding unnecessary decimal places in coordinates), and maintainability. Deduct 5 points if SVG elements lack proper structure or naming; deduct 5 points if the code is unnecessarily verbose or inefficient; deduct 5 points if there is no consideration for scalability. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the graphic vision meet professional design standards?",
+      "description": "Evaluate whether the overall design follows modern design principles: 1) Proportional accuracy to real SIM cards 2) Clean, crisp edges without aliasing 3) Proper use of stroke widths and fill patterns. Deduct 3 points for each visual inconsistency, 5 points for disproportionate elements, and 5 points for poor edge rendering or pixelation issues. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the SVG optimized for various display contexts?",
+      "description": "Judge whether the SVG is prepared for different usage contexts: 1) Responsive scaling with proper viewBox and preserveAspectRatio 2) Appropriate metadata for accessibility 3) Consideration for print and digital display differences. Deduct 5 points for fixed dimensions without relative scaling, 3 points for missing title/description elements, and 5 points for elements that would render poorly at different sizes. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "easy"
+}

package/library/svg_generation-svg_images/svg-software-interface-screenshot-symbols-buttons.json

@@ -0,0 +1,68 @@
+{
+  "index": 92,
+  "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 whenever possible. Please help me implement the following requirement using SVG code: create a screenshot of a software interface with symbols and buttons.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the basic SVG framework properly implemented?",
+      "description": "Check if the SVG code includes proper namespace declarations, viewport settings, and responsive dimensions. The SVG should have appropriate width/height attributes or viewBox for scaling. Deduct 5 points if namespace is missing, 5 points if dimensions are hardcoded without responsiveness considerations, and 3 points if viewBox is improperly configured. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Does the software interface layout follow standard UI patterns?",
+      "description": "Evaluate if the interface includes common UI components (title bar, toolbar, main content area, status bar) with proper spatial relationships. Check for proper hierarchy, alignment, and proportions. Score 10 points for complete implementation with proper layout hierarchy, 5 points if basic components are present but poorly arranged, and 0 points if the layout lacks fundamental UI organization. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Are interactive UI buttons properly designed and implemented?",
+      "description": "Review if buttons are implemented with proper SVG elements (rect, path, etc.) with appropriate visual affordances (shadows, gradients, etc.). Check if buttons include proper hover/active states using CSS or JavaScript. Deduct 3 points for each missing interactive state, 5 points if buttons lack visual affordances, and 5 points if buttons are not logically grouped. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Are UI symbols and icons professionally designed and implemented?",
+      "description": "Assess if icons and symbols follow consistent design language, use appropriate SVG techniques (paths, groups, symbols for reuse), and maintain proper scaling. Icons should be recognizable and follow standard conventions. Deduct 2 points for each inconsistent icon, 5 points if no symbol reuse is implemented for repeated elements, and 3 points if icons are not scalable. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code includes proper error handling, fallback options for unsupported browsers, and defensive coding practices. SVG elements should have appropriate IDs, classes, and accessibility attributes. Deduct 3 points for missing accessibility features (aria attributes, role definitions), 3 points for lack of browser compatibility considerations, and 4 points for absent error 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 SVG includes surprise features that enhance the visual experience (e.g., 1. Micro-animations on hover 2. Theme switching capability 3. Interactive tooltips or help 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 that could be reused with <symbol> or <use> 2. Overly complex paths that could be simplified 3. Decorative elements that distract from the core interface function. Deduct 3 points for each redundancy found, and directly deduct 10 points if the interface clarity is compromised by redundant elements.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review code organization (such as grouping related elements, using descriptive IDs/classes), optimization (minimized path data, appropriate use of groups), and maintainability. Deduct 5 points for excessive inline styles instead of CSS classes; deduct 3 points for unnecessarily verbose markup; deduct 2 points for each missing semantic grouping of related elements. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the interface vision meet professional design standards?",
+      "description": "Evaluate whether the design follows modern UI principles: 1) Harmonious color palette (no more than 3 primary colors with appropriate contrast) 2) Proper spatial hierarchy (consistent padding and alignment) 3) Professional typography (readable font sizes, appropriate font choices). Deduct 3 points for each visual inconsistency, 5 points for poor color contrast affecting readability, and 5 points for improper visual hierarchy. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the visual fidelity high enough to represent a realistic software interface?",
+      "description": "Judge whether the SVG accurately resembles a genuine software interface: 1) Proper attention to detail (shadows, highlights, textures) 2) Realistic component rendering (buttons that look clickable, scrollbars that look functional) 3) Balanced visual density typical of professional applications. Deduct 3 points for each unrealistic UI element, 5 points for inconsistent visual style across the interface, and 5 points if the interface appears amateur rather than professional. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "medium"
+}

package/library/svg_generation-svg_images/svg-toilet-with-flusher.json

@@ -0,0 +1,68 @@
+{
+  "index": 24,
+  "question": "You are a code expert, please use your professional knowledge to generate accurate and professional responses. Be sure to make the generated code executable for display whenever possible. Please help me implement this SVG image using code. The toilet has a flusher.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the toilet shape completely and accurately implemented in SVG?",
+      "description": "Check if the code properly implements the basic toilet structure including the bowl, tank, seat, and base using SVG elements (rect, path, ellipse, etc.). Look for proper proportions and realistic toilet shape. Deduct 5 points if major components are missing, 3 points for unrealistic proportions. Give 10 points for a complete and anatomically correct toilet representation.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the flusher mechanism properly implemented and functional?",
+      "description": "Evaluate if the code includes an interactive flusher that responds to user input (click/touch events). The flusher should have visual feedback (depression/movement) and trigger a flushing animation. Deduct 5 points if the flusher exists but isn't interactive, 3 points if interaction lacks visual feedback. The full score is 10 points for a fully functional and visually responsive flushing mechanism.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Does the code implement a complete flushing animation?",
+      "description": "Check if the code includes a water flushing animation effect that realistically simulates water movement (using SVG animations, CSS transitions, or JavaScript). Look for water swirl effects, changing water levels, and proper animation timing (2-4 seconds for a complete flush cycle). Score 5 points for basic water movement, 10 points for realistic fluid dynamics with proper timing and transitions.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Are appropriate SVG gradient/shading techniques used to create a realistic appearance?",
+      "description": "Evaluate if the implementation uses SVG gradient fills, filters, or shading techniques to create depth and realism. Look for proper light source consistency, use of <linearGradient> or <radialGradient> for ceramic surfaces, and subtle shadows. Deduct 3 points for flat/unrealistic rendering, 5 points for inconsistent lighting. 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, responsive scaling, or event handling errors) and provide fallbacks when necessary. 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. Sound effects for flushing 2. Water ripple effects 3. Interactive lid/seat that can be raised/lowered). 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 overlapping paths 2. Unnecessary animations or effects unrelated to toilet functionality 3. Over-complicated code that could be simplified. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core functions are interfered with by redundant code.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review modular organization (separating structure/style/animation logic), code reusability, and maintenance considerations. Deduct 5 points if inline styles are overused instead of CSS classes; deduct 5 points if animation code is tightly coupled with structure; deduct 5 points if there's no clear organization of SVG components. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the visual representation meet professional design standards?",
+      "description": "Evaluate whether the overall design follows modern design principles: 1) Appropriate color choices for ceramic/water elements 2) Proper proportions and scale 3) Clean lines and smooth curves without jagged edges. Deduct 3 points for unrealistic colors, 5 points for poor proportions, and 5 points for low-quality path definitions with visible artifacts. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the interaction smooth and responsive?",
+      "description": "Judge whether the interactive elements conform to human perception characteristics: 1) Flusher click feedback delay ≤ 100ms 2) Flushing animation timing feels natural (not too fast/slow) 3) Clear visual feedback for all user interactions. Deduct 5 points for delayed response to user input, 3 points for choppy animations, and 5 points for confusing or missing interaction affordances. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "hard"
+}

package/library/svg_generation-svg_images/svg-white-sign-youtube-logo.json

@@ -0,0 +1,68 @@
+{
+  "index": 23,
+  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Be sure to ensure that the code you generate is executable and can be displayed. Please help me implement this SVG image using code: a white sign with the YouTube logo on it.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the SVG code structure correctly implemented?",
+      "description": "Review whether the SVG code includes proper namespace declarations, viewBox settings, and a well-structured document. Check if the SVG element hierarchy follows best practices (e.g., grouping related elements with <g> tags, using descriptive IDs). Score 0 if SVG is not implemented at all, 5 if basic structure exists with minor issues, and 10 if structure is perfect with proper organization.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the YouTube logo accurately reproduced?",
+      "description": "Evaluate how accurately the YouTube logo is recreated, including proper proportions, rounded corners, and the play button symbol. The logo should match YouTube's official design specifications. Deduct 3 points if proportions are incorrect, 3 points if the play button is misshapen, and 5 points if the overall shape deviates significantly from the official logo. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the white sign properly designed?",
+      "description": "Check if the white sign background is properly implemented with appropriate dimensions, color (#FFFFFF), and shape (likely rectangular with possible rounded corners). Evaluate whether the sign provides sufficient contrast for the YouTube logo. Deduct 3 points if the dimensions are inappropriate, 3 points if the color is off-white or has transparency issues, and 5 points if the sign shape is poorly executed. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is the color scheme correctly implemented?",
+      "description": "Verify that the YouTube logo uses the correct red color (#FF0000) for the main rectangle and pure white (#FFFFFF) for the play triangle. The sign background should be white with appropriate border/shadow if included. Deduct 5 points for incorrect YouTube red, 3 points for wrong play button color, and 5 points for inappropriate background color treatment. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code can handle different viewport sizes and browser compatibility issues. Check for the use of responsive techniques (preserveAspectRatio attribute, percentage-based dimensions, viewBox scaling). Code with strong robustness should work across major browsers and adapt to different contexts, giving 10 points. If the robustness is average, give 5 points, and if no scalability or 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 2. Click interactions 3. Gradient effects or subtle shadows). 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 nested elements or groups 2. Unused attributes or styles 3. Overly complex paths that could be simplified. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core SVG rendering is affected by redundant code.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review proper code organization (such as separating structure, presentation, and behavior), effective use of SVG attributes vs. CSS styling, and code readability with appropriate comments. Deduct 5 points for mixing styling concerns inappropriately; deduct 3 points if the code lacks comments or documentation; deduct 3 points if variable naming is unclear or inconsistent. 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) Proportional scaling of the logo relative to the sign 2) Proper whitespace margins around the logo (at least 10% of logo width) 3) Professional finish with attention to detail (smooth curves, aligned elements). Deduct 3 points for improper spacing, 5 points for misaligned elements, and 5 points for poor curve quality or jagged edges. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the implementation optimized for performance?",
+      "description": "Judge whether the SVG implementation is optimized for performance: 1) Minimal use of filters and complex effects 2) Appropriate precision in path coordinates (not excessive decimal places) 3) Use of simple shapes instead of complex paths where appropriate. Deduct 3 points for unnecessarily complex paths, 3 points for excessive precision in coordinates, and 5 points for using computationally expensive effects unnecessarily. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "easy"
+}

package/library/svg_generation-svg_images/svg-wristwatch-yellow-face-blue-band.json

@@ -0,0 +1,68 @@
+{
+  "index": 170,
+  "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 display whenever possible.\n\nPlease help me implement this SVG image using code. A vector illustration of a wristwatch with a yellow face and a blue band.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the SVG wristwatch structure properly implemented?",
+      "description": "Check if the code properly defines the SVG structure with appropriate viewBox, dimensions, and namespaces. The SVG should use proper grouping (<g>) for logical components (watch face, band, clock hands, etc.). Deduct 5 points if basic SVG structure is missing, 3 points if grouping is illogical. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Does the watch face meet the yellow color requirement?",
+      "description": "Verify that the watch face is properly colored yellow as specified. The yellow should be an appropriate shade (not too pale or too neon) for a watch face. Check if gradients or subtle variations are used to enhance visual appeal. Deduct 5 points if the face is not yellow, 3 points if the yellow is inappropriate for a watch face. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the watch band properly implemented with blue color?",
+      "description": "Examine if the watch band is properly rendered in blue with appropriate segments (upper and lower straps). The band should have proper proportions relative to the watch face and realistic strap details. Deduct 5 points if the band is not blue, 3 points if the band lacks realistic detail, 2 points if proportions are unrealistic. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Are watch details accurately represented?",
+      "description": "Evaluate if essential watch components are present: clock hands (hour, minute, second), time markers/numbers, crown/buttons, and realistic watch bezel. Each missing component deducts 2 points, poorly implemented components deduct 1 point each. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code is properly structured with no hardcoded values that affect scalability. SVG should scale properly without distortion at different sizes. Proper use of viewBox, preserveAspectRatio, and responsive techniques should be implemented. Deduct 5 points for non-scaling SVG, 3 points for hardcoded dimensions throughout. 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. Animated clock hands showing real time 2. Interactive elements like hovering effects 3. Realistic shadows/reflections on the watch face). 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 nested groups or elements 2. Duplicated paths or shapes that could be reused with transforms 3. Overly complex paths where simpler geometric elements would suffice. Deduct 3 points for each redundancy found, and directly deduct 10 points if redundant code causes rendering issues or excessive file size. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review modular structure, appropriate naming of elements (with id/class attributes), optimization for file size, and adherence to SVG best practices. Deduct 3 points if elements lack descriptive identifiers; deduct 4 points if SVG could be significantly optimized; deduct 3 points if inline styles are used instead of CSS. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the interface vision meet professional design standards?",
+      "description": "Evaluate whether the watch design follows professional design principles: 1) Proper proportions matching real wristwatches 2) Appropriate level of detail (not too simplified, not unnecessarily complex) 3) Proper use of colors with appropriate contrast between elements. Deduct 3 points for unrealistic proportions, 3 points for inappropriate detail level, and 4 points for poor color application or contrast. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the dynamic interaction smooth and seamless?",
+      "description": "If animations are implemented (like moving clock hands or hover effects), judge whether they conform to smooth standards: 1) Smooth transitions without jumps 2) Appropriate animation timing 3) Purposeful animations that enhance rather than distract. Deduct 4 points for jerky/broken animations, 3 points for poorly timed animations, 3 points for distracting or unnecessary animations. If no animations are implemented but could reasonably be expected, deduct 5 points. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "easy"
+}

package/library/svg_generation-svg_images/toy-car-with-ramp-close-up.json

@@ -0,0 +1,68 @@
+{
+  "index": 73,
+  "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 demonstration.\nPlease help me implement the following requirements using code, creating it with SVG code. The requirement is to create: a close-up of a toy car with a ramp on the side.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the core SVG structure properly implemented?",
+      "description": "Verify that the SVG includes proper namespace declarations, viewBox dimensions, and coordinate system setup. Check for appropriate grouping (<g>) of elements for organizational clarity. Deduct 5 points if SVG namespace is missing, 3 points for inappropriate viewBox dimensions, and 2 points if basic SVG structure is not well-organized. Full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the toy car design fully implemented with detail?",
+      "description": "Evaluate if the toy car includes essential components (body, wheels, windows, headlights, etc.) with appropriate proportions and perspective that give it a realistic toy-like appearance. Score 3 points for basic shape implementation, 7 points for moderate detail, and 10 points for high-quality detailed implementation with toy-like characteristics and proportions.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the ramp properly designed and positioned?",
+      "description": "Check if the ramp has appropriate dimensions relative to the car, has proper perspective, and is positioned logically to the side of the car. Assess if the ramp's design includes supporting structures and surface details. Deduct 5 points if the ramp is disproportionate, 3 points if perspective is incorrect, and 2 points if details are missing. Full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Are appropriate colors and visual styling applied?",
+      "description": "Review the color palette for toy-appropriate vibrant colors, gradient fills where appropriate, stroke properties for outlines, and overall toy-like aesthetic. Deduct 3 points for flat/unrealistic coloring, 3 points for inappropriate color combinations for toys, and 4 points if shadows/highlights are completely absent. Full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the SVG code is well-structured with clear element IDs/classes, uses appropriate SVG primitives instead of over-complex paths where simpler elements would work, and avoids unnecessary redundancy. Check for browser compatibility issues. Code with strong robustness should be able to render consistently across modern browsers, giving 10 points. If the robustness is average, give 5 points, and if major rendering issues exist, give 0 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 5,
+      "title": "Are there any innovative features that are eye-catching?",
+      "description": "Check whether the implementation includes surprise features that enhance the visual experience (e.g., 1. Interactive elements like clickable or hoverable components 2. Animation effects for the car or ramp 3. Creative lighting effects or textures). 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 could be simplified or grouped 2. Unnecessarily complex paths that could use simpler primitives 3. Excessive detail that makes the SVG file size unnecessarily large without visual benefit. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core visual elements are obscured by redundant additions.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review modular design (such as logical grouping of SVG elements), code readability (appropriate comments, clear variable names if using scripting), and proper optimization techniques. Deduct 5 points if element organization is chaotic; deduct 5 points if the code is unnecessarily verbose or repetitive; deduct 5 points if basic optimization techniques (like reusing elements with <use>) are ignored when 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 design principles: 1) Harmonious color matching (no more than 3-4 primary colors appropriate for a toy) 2) Proper proportion and scale between elements 3) Appropriate level of detail for a close-up view. Deduct 3 points for inconsistent visual style, 5 points for unrealistic proportions, and 5 points for inappropriate perspective. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is any included dynamic interaction smooth and seamless?",
+      "description": "If animations or interactions are included, judge whether they conform to natural physics and toy-like characteristics: 1) Smooth animation timing functions 2) Logical movement paths 3) Appropriate animation duration for a toy car scenario. Deduct 5 points for jerky animations, 3 points for unrealistic movement physics, and 5 points for animations that distract from rather than enhance the core visual. If no animations are included, evaluate based on the potential for animation through proper structuring of SVG elements. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "easy"
+}