@getollie/cli 0.0.5 → 0.2.0

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

@@ -1,68 +0,0 @@
-{
-  "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

@@ -1,68 +0,0 @@
-{
-  "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

@@ -1,68 +0,0 @@
-{
-  "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

@@ -1,68 +0,0 @@
-{
-  "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"
-}

package/library/svg_generation-svg_images/trifold-brochure-map-svg-code.json

@@ -1,68 +0,0 @@
-{
-  "index": 144,
-  "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 and can be displayed properly.\nPlease help me implement the following requirement using code, creating a: Trifold brochure map using SVG code.",
-  "checklist": [
-    {
-      "id": 0,
-      "title": "Is the SVG trifold brochure map structure correctly implemented?",
-      "description": "Check if the SVG code properly defines a trifold brochure layout with three equal panels that can fold correctly. Verify that the viewBox and dimensions are appropriate for a standard brochure format (typically 11x8.5 inches when unfolded). Score 0 if the structure doesn't represent a trifold format, 5 if basic panels are defined but with incorrect proportions, and 10 if the structure is properly implemented with correct proportions and fold lines.",
-      "maxScore": 10
-    },
-    {
-      "id": 1,
-      "title": "Does the map visualization contain necessary geographical elements?",
-      "description": "Evaluate whether the SVG includes essential map elements: landmasses, roads/paths, points of interest, water bodies, and landmarks. Check that these elements are implemented using appropriate SVG elements (paths for roads, polygons for areas, etc.). Deduct 2 points for each missing essential map element. The map should be geographically coherent and accurate for its purpose. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 2,
-      "title": "Is the brochure content organized logically across the three panels?",
-      "description": "Assess whether the content flows logically across the three panels, with appropriate content hierarchy. The first panel should typically contain introductory information, the inner panels should contain the main map content, and the back panel should contain additional information or details. Deduct 5 points if the content organization is confusing or illogical, and 3 points if panel transitions are abrupt or inconsistent. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 3,
-      "title": "Are interactive elements and map features properly implemented?",
-      "description": "Check for interactive features like hoverable/clickable points of interest, zoomable areas, or toggleable map layers using SVG and JavaScript. Evaluate whether these interactions enhance the user experience and are implemented smoothly. Score 0 if no interactivity exists, 5 if basic hover/click events are implemented, and 10 if comprehensive, intuitive interactions are implemented with appropriate visual feedback.",
-      "maxScore": 10
-    },
-    {
-      "id": 4,
-      "title": "Is the code robust?",
-      "description": "Evaluate whether the SVG code can handle different viewing environments (browsers, screen sizes) and includes fallbacks or responsive design. Check for proper namespace declarations, valid SVG syntax, and appropriate element IDs/classes. Code with strong robustness should adapt to different viewing contexts without breaking. Give 10 points if the SVG is fully responsive and cross-browser compatible, 5 points if there are minor issues, and 0 points if the SVG only works in specific conditions.",
-      "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 route highlighting 2. Interactive location finder 3. Fold animation simulation 4. Multi-language support with symbol legend). Add 3 points for each practical innovative feature implemented (maximum 10 points).",
-      "maxScore": 10
-    },
-    {
-      "id": 6,
-      "title": "Are there any redundant features?",
-      "description": "Strictly check three types of redundancy: 1. Redundant SVG elements or groups that overlap unnecessarily 2. Excessive detail in areas that will be too small to see clearly 3. Decorative elements that obstruct important map information. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core map functionality is compromised by redundant code.",
-      "maxScore": 10
-    },
-    {
-      "id": 7,
-      "title": "Does the code have engineering quality?",
-      "description": "Review the structure of the SVG code, including proper grouping (<g> elements), efficient use of symbols and reusable components, and appropriate naming conventions. Check for optimization techniques like path simplification and appropriate use of SVG filters. Deduct 5 points if there's significant code redundancy; deduct 5 points if the SVG structure is disorganized or lacks comments; deduct 5 points if the file size is unnecessarily large due to poor optimization. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 8,
-      "title": "Does the interface vision meet professional design standards?",
-      "description": "Evaluate whether the brochure design follows cartographic and print design principles: 1) Appropriate color scheme for map features (distinguishable yet harmonious) 2) Clear typographic hierarchy (readable font sizes, proper contrast) 3) Professional legend and scale design 4) Well-designed margins and bleed areas for printing. Deduct 3 points for each illegible text element, 5 points for poor color choices that affect map readability, and 5 points for layout issues that would affect printing. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 9,
-      "title": "Is the dynamic interaction smooth and seamless?",
-      "description": "Judge whether any dynamic effects in the SVG map (animations, transitions, interactive elements) perform well: 1) Animations are purposeful and not distracting 2) Interactive elements provide immediate visual feedback 3) Transitions are smooth and meaningful. Deduct 5 points for laggy animations, 3 points for inconsistent interaction patterns, and 5 points for animations that interfere with understanding the map. The full score is 10 points.",
-      "maxScore": 10
-    }
-  ],
-  "class": "SVG Generation-SVG Images",
-  "difficulty": "medium"
-}

package/library/svg_generation-svg_images/using-a-kitchen-grater-to-shred-cheese.json

@@ -1,68 +0,0 @@
-{
-  "index": 146,
-  "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.\nPlease help me implement the following requirement using code, specifically creating it using SVG code. The requirement is to create: Using a kitchen grater to shred cheese.",
-  "checklist": [
-    {
-      "id": 0,
-      "title": "Is the kitchen grater accurately represented in SVG?",
-      "description": "Check if the SVG code properly renders a recognizable kitchen grater with appropriate structure (handle, body with holes/grating surface). Evaluate if the proportions are realistic and the grater has sufficient detail to be identifiable. Score 0 if the grater is unrecognizable, 5 if basic but lacking detail, 10 if properly detailed with accurate proportions.",
-      "maxScore": 10
-    },
-    {
-      "id": 1,
-      "title": "Is the cheese representation and shredding effect convincing?",
-      "description": "Assess whether the cheese is visually distinct and realistically portrayed. Check if the shredded cheese particles look authentic and if the transformation from block to shreds is properly visualized. Deduct 5 points if cheese texture is unrealistic, 3 points if shreds lack dimension or variation, and 2 points if the cheese block appears too synthetic. Full score for realistic cheese with proper texture and convincing shreds.",
-      "maxScore": 10
-    },
-    {
-      "id": 2,
-      "title": "Is the animation of cheese shredding implemented correctly?",
-      "description": "Evaluate the animation showing the cheese being shredded against the grater. Animation should include the movement of cheese against the grater, creation of shreds, and proper timing. Score 0 if no animation exists, 5 if basic motion is shown but lacks realism, 10 if animation includes smooth movement, proper physics representation, and convincing transformation of cheese into shreds.",
-      "maxScore": 10
-    },
-    {
-      "id": 3,
-      "title": "Is user interaction incorporated to enhance the demonstration?",
-      "description": "Check if interactive elements allow users to control the grating process (e.g., dragging the cheese, controlling speed, changing angle). Award 3 points for basic click interaction, 7 points for drag-and-grate functionality, and full 10 points if multiple interactive elements work together (adjusting speed, angle, pressure) with proper visual feedback.",
-      "maxScore": 10
-    },
-    {
-      "id": 4,
-      "title": "Is the code robust?",
-      "description": "Evaluate whether the code can handle common abnormal situations (such as browser compatibility issues, window resizing, interrupted animations) and provide fallbacks or recovery mechanisms. Code with strong robustness should be able to effectively handle these edge cases, giving 10 points. If the robustness is average, give 5 points, and if no exceptions are handled, give 0 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 5,
-      "title": "Are there any innovative features that are eye-catching?",
-      "description": "Check whether the code includes surprise features that enhance the experience (e.g., 1. Different cheese types with unique textures 2. Variable grating speeds affecting shred size 3. Physics-based particle effects for the cheese shreds). 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 increase file size without visual benefit 2. Unnecessary animations that don't contribute to the kitchen grater demonstration 3. Complex effects that slow down rendering performance. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core functionality is compromised by redundant code.",
-      "maxScore": 10
-    },
-    {
-      "id": 7,
-      "title": "Does the code have engineering quality?",
-      "description": "Review modular design (separation of SVG structure, styles, and animations), code reusability (use of symbols, groups, or components), and optimization for performance. Deduct 5 points for excessive inline styles rather than grouped CSS; deduct 5 points for repetitive path definitions that could be reused; deduct 5 points for animations that cause performance issues. 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 (realistic colors for kitchen implements) 2) Proper proportions and perspective 3) Appropriate level of detail without overwhelming the visual space. Deduct 3 points for unrealistic colors, 5 points for perspective inconsistencies, and 5 points for either excessive or insufficient detail. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 9,
-      "title": "Is the dynamic interaction smooth and seamless?",
-      "description": "Judge whether the dynamic effects conform to real-world physics: 1) Smooth grating motion without jerky transitions 2) Realistic accumulation of cheese shreds 3) Proper timing for the entire process that matches real-life expectations. Deduct 5 points for unrealistic motion physics, 3 points for inconsistent animation timing, and 5 points for visual glitches during the animation. The full score is 10 points.",
-      "maxScore": 10
-    }
-  ],
-  "class": "SVG Generation-SVG Images",
-  "difficulty": "hard"
-}

package/library/svg_generation-svg_images/wheat-food-vs-wheat-free-grains-visualization.json

@@ -1,68 +0,0 @@
-{
-  "index": 64,
-  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Be careful to ensure the generated code is executable for display. Please help me implement the following requirement using SVG code: a visualization showing that wheat is a type of cereal plant used as food, but some people eat wheat-free whole grains.",
-  "checklist": [
-    {
-      "id": 0,
-      "title": "Is the basic SVG structure correctly implemented?",
-      "description": "Evaluate whether the SVG code includes proper namespace declarations, viewBox settings, and responsive design considerations. Check if the SVG container is well-structured with appropriate dimensions and scaling properties. Deduct 5 points if the SVG lacks proper viewport settings, 3 points if responsive scaling is missing, and 5 points if namespace declarations are incorrect. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 1,
-      "title": "Is the wheat visualization accurately represented?",
-      "description": "Review whether the SVG code visually represents wheat with botanical accuracy (wheat ears, stems, kernels). Check if the visualization correctly portrays wheat's distinctive characteristics. Award 10 points for detailed, accurate representation with proper proportions and recognizable features; 5 points if wheat is represented but lacks detail or accuracy; 0 points if wheat is unrecognizable or missing entirely.",
-      "maxScore": 10
-    },
-    {
-      "id": 2,
-      "title": "Does the visualization clearly show wheat as a cereal plant?",
-      "description": "Examine whether the visualization establishes wheat's classification as a cereal plant through visual elements, grouping, or labels. Check if the relationship between wheat and the broader cereal category is evident. Award 10 points if the cereal plant classification is clearly depicted through hierarchical organization, informative labeling, or comparative visualization; 5 points if the relationship is present but unclear; 0 points if this relationship is absent.",
-      "maxScore": 10
-    },
-    {
-      "id": 3,
-      "title": "Does the visualization effectively show wheat-free whole grain alternatives?",
-      "description": "Assess whether the visualization includes and clearly identifies wheat-free whole grain options (such as rice, oats, quinoa, millet, etc.) as alternatives. Check if these alternatives are visually distinct from wheat while still showing they belong to the broader whole grain category. Award 10 points for comprehensive, clearly labeled alternatives with visual differentiation; 5 points if alternatives are present but poorly differentiated; 0 points if wheat-free alternatives are missing.",
-      "maxScore": 10
-    },
-    {
-      "id": 4,
-      "title": "Is the code robust?",
-      "description": "Evaluate whether the code handles potential rendering issues across browsers, includes fallback options, and uses best practices for SVG implementation. Code with strong robustness should have comments explaining complex parts, defensive coding techniques, and browser compatibility considerations. Give 10 points for comprehensive robustness measures, 5 points for average implementation, and 0 points if robustness considerations are absent.",
-      "maxScore": 10
-    },
-    {
-      "id": 5,
-      "title": "Are there any innovative features that are eye-catching?",
-      "description": "Check whether the visualization includes surprise features that enhance the educational experience (e.g., 1. Interactive elements showing nutritional differences 2. Morphing animations between grain types 3. Visual indicators of gluten content). 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 visual elements that don't contribute to the core message 2. Unnecessary complexity in SVG path definitions 3. Decorative elements that distract from the educational content. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core visualization is obscured by redundant elements.",
-      "maxScore": 10
-    },
-    {
-      "id": 7,
-      "title": "Does the code have engineering quality?",
-      "description": "Review modular organization (such as grouping related SVG elements), code reusability (through symbols, defs, or patterns), and naming conventions. Deduct 5 points if SVG elements lack meaningful IDs or classes; deduct 5 points if the code contains duplicate definitions that could be reused; deduct 5 points if there is no logical structure to element organization. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 8,
-      "title": "Does the interface vision meet professional design standards?",
-      "description": "Evaluate whether the overall design follows modern visualization principles: 1) Harmonious color palette appropriate for food/agricultural content 2) Proper visual hierarchy with clear focal points 3) Professional typography for labels and explanatory text (readable font sizes and weights). Deduct 3 points for each cluttered area, 5 points for poor color choices that harm readability, and 5 points for inconsistent visual style. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 9,
-      "title": "Is the dynamic interaction smooth and seamless?",
-      "description": "Judge whether any included dynamic effects or interactions enhance understanding: 1) Tooltips or hover states reveal additional information 2) Animations serve educational purposes rather than being merely decorative 3) Transitions between states are intuitive and meaningful. Deduct 5 points for each interaction without clear feedback, 3 points for animations that don't contribute to understanding, and 5 points for interactive elements that aren't discoverable. The full score is 10 points.",
-      "maxScore": 10
-    }
-  ],
-  "class": "SVG Generation-SVG Images",
-  "difficulty": "easy"
-}

package/library/svg_generation-svg_images/woman-profile-long-hair-feminine-hairstyle.json

@@ -1,68 +0,0 @@
-{
-  "index": 53,
-  "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 woman's profile showed a girl with long hair and a feminine hairstyle.",
-  "checklist": [
-    {
-      "id": 0,
-      "title": "Is the SVG structure correctly implemented with proper semantic elements?",
-      "description": "Review whether the code uses appropriate SVG elements (path, circle, ellipse, polygon) to construct the woman's profile silhouette. Check if the facial contours, hair outline, and facial features are accurately represented using vector graphics. Score 0 if basic SVG structure is missing, 5 if only simple shapes are used without proper profiling, and 10 if complex paths accurately depict feminine facial features and hair flow.",
-      "maxScore": 10
-    },
-    {
-      "id": 1,
-      "title": "Are the feminine characteristics and long hair properly rendered?",
-      "description": "Evaluate whether the SVG implementation captures distinctive feminine features such as curved jawline, delicate nose bridge, and especially the long hair with flowing texture. Check if hair strands use smooth curves and layered paths to create realistic hair movement. Deduct 5 points if hair lacks volume or texture, 3 points if facial features appear too angular or masculine. Full score requires clear feminine silhouette with detailed hair rendering.",
-      "maxScore": 10
-    },
-    {
-      "id": 2,
-      "title": "Is the SVG coordinate system and scalability properly designed?",
-      "description": "Check whether the SVG uses proper viewBox settings and coordinate systems that allow for responsive scaling. Evaluate if the proportions maintain accuracy across different screen sizes and if the vector graphics remain crisp at various zoom levels. Deduct 5 points if viewBox is not set correctly, 3 points if elements don't scale proportionally, and 2 points if stroke-width doesn't adapt to scaling.",
-      "maxScore": 10
-    },
-    {
-      "id": 3,
-      "title": "Are advanced SVG techniques utilized for realistic representation?",
-      "description": "Assess whether the implementation uses advanced SVG features like gradients for hair shading, clip-paths for layered hair effects, or multiple path segments for detailed facial contours. Check if bezier curves are used effectively to create smooth, natural lines. Give 10 points if advanced techniques create photorealistic effects, 5 points for basic gradients/curves, and 0 points for simple geometric shapes only.",
-      "maxScore": 10
-    },
-    {
-      "id": 4,
-      "title": "Is the code robust and handles edge cases?",
-      "description": "Evaluate whether the code can handle common issues such as browser compatibility, rendering fallbacks, and proper error handling for unsupported SVG features. Code should include fallback mechanisms for older browsers and handle invalid viewBox parameters gracefully. Give 10 points for comprehensive error handling, 5 points for basic compatibility measures, and 0 points if no edge cases are considered.",
-      "maxScore": 10
-    },
-    {
-      "id": 5,
-      "title": "Are there innovative features that enhance the visual appeal?",
-      "description": "Check whether the code includes creative enhancements such as: 1) Animated hair movement with CSS/SVG animations 2) Interactive hover effects revealing different expressions 3) Dynamic color variations or themes 4) Layered composition with background elements. Add 3 points for each well-implemented innovative feature (maximum 10 points).",
-      "maxScore": 10
-    },
-    {
-      "id": 6,
-      "title": "Are there any redundant or unnecessary elements?",
-      "description": "Strictly examine for three types of redundancy: 1) Duplicate path definitions or overlapping elements 2) Unnecessary complex paths where simple shapes would suffice 3) Excessive detail that doesn't contribute to the overall feminine profile representation. Deduct 3 points for each redundancy found, and deduct 10 points if redundant code significantly impacts rendering performance.",
-      "maxScore": 10
-    },
-    {
-      "id": 7,
-      "title": "Does the code demonstrate engineering quality and maintainability?",
-      "description": "Review code organization including proper SVG structure, meaningful element IDs/classes, modular CSS styling, and clean path definitions. Deduct 5 points if paths are not optimized or contain unnecessary anchor points; deduct 5 points if styling is inline rather than separated; deduct 5 points if the code lacks proper documentation or comments explaining complex path constructions.",
-      "maxScore": 10
-    },
-    {
-      "id": 8,
-      "title": "Does the visual design meet professional artistic standards?",
-      "description": "Evaluate whether the profile demonstrates proper artistic proportions: 1) Facial golden ratio adherence (eye placement, nose-to-chin ratio) 2) Harmonious color palette with no more than 3-4 primary colors 3) Proper contrast and visual hierarchy. Deduct 3 points for disproportionate facial features, 5 points for poor color harmony, and 5 points if the overall composition lacks artistic balance.",
-      "maxScore": 10
-    },
-    {
-      "id": 9,
-      "title": "Is the rendering performance optimized and visually smooth?",
-      "description": "Judge whether the SVG renders smoothly across devices: 1) Path complexity optimized for fast rendering 2) Smooth curves without visible anchor points 3) Proper anti-aliasing for clean edges 4) Efficient use of gradients and effects. Deduct 5 points for visible rendering artifacts, 3 points for choppy curves or pixelated edges, and 5 points for performance issues causing slow loading or laggy interactions.",
-      "maxScore": 10
-    }
-  ],
-  "class": "SVG Generation-SVG Images",
-  "difficulty": "hard"
-}