@getollie/cli 0.0.1

package/library/svg_generation-svg_images/implement-svg-quill-feather-pen.json

@@ -0,0 +1,68 @@
+{
+  "index": 172,
+  "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 when displayed. Please help me implement this SVG image using code. Write with a quill or a feather pen, both are great tools for calligraphy and composing writing using stationery.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the basic SVG structure correctly implemented?",
+      "description": "Check if the SVG element has proper namespace, dimensions, and viewBox attributes. The SVG should be properly structured with appropriate width, height, and viewBox values to ensure the image scales correctly. Score 0 if no SVG framework is provided, 5 if basic structure exists but with incorrect attributes, and 10 if the structure is complete and properly configured.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the quill/feather pen shape accurately rendered?",
+      "description": "Evaluate the geometric accuracy of the quill or feather pen. The pen should have a realistic feather shape with proper barbs, shaft, and nib. Check for path precision, curve smoothness, and anatomical accuracy of the feather. Deduct 5 points if the basic shape is recognizable but lacks details, and 3 points if proportions are incorrect. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Are the visual details and texturing techniques implemented?",
+      "description": "Assess the implementation of texture and detail in the feather using SVG techniques (like patterns, gradients, or path detailing). The quill should show barb texture, shaft details, and nib characteristics. Score 0 for flat coloring only, 5 for basic gradients or patterns, and 10 for sophisticated detailing that creates a realistic feather appearance.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is the calligraphy/writing effect properly demonstrated?",
+      "description": "Check if the SVG includes a demonstration of writing or calligraphy, such as an ink path, written text, or a writing motion effect. For interactive versions, evaluate any animation showing the writing process. Deduct 5 points if no writing effect is shown, and 3 points if the effect is basic without realistic ink flow dynamics. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code handles different browsers, screen sizes, and device capabilities appropriately. SVG should render consistently across platforms with fallbacks if needed. Check for proper namespace handling, cross-browser compatibility attributes, and responsive design considerations. Score 10 points for comprehensive compatibility, 5 for average robustness with some limitations, and 0 if major compatibility issues exist.",
+      "maxScore": 10
+    },
+    {
+      "id": 5,
+      "title": "Are there any innovative features that are eye-catching?",
+      "description": "Check whether the code includes surprise features that enhance the experience (e.g., 1. Animation of the quill writing 2. Interactive elements that respond to user input 3. Dynamic ink flow 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 path points or shapes that increase file size 2. Duplicate definitions or unused elements 3. Overly complex implementations that could be simplified. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core rendering is obscured by excessive elements.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review modular organization (such as separating definitions, main elements, and effects), proper naming conventions, and code maintainability. Deduct 5 points if element IDs/classes are poorly named or inconsistent; deduct 5 points if there's excessive repetition of code that could be grouped; deduct 5 points if there's no logical organization of SVG elements. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the visual design meet professional artistic standards?",
+      "description": "Evaluate whether the quill/feather pen design follows artistic principles: 1) Proper proportion and perspective 2) Harmonious color scheme 3) Appropriate stylistic choices for the era or style of calligraphy represented. Deduct 3 points for anatomical inaccuracies, 5 points for historically incorrect representation, and 5 points for poor artistic composition. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the performance and optimization of the SVG appropriate?",
+      "description": "Judge whether the SVG is efficiently implemented: 1) Minimal path points while maintaining visual quality 2) Appropriate use of groups and reusable elements 3) Optimized file size without unnecessary precision or attributes. Deduct 5 points for SVG with excessive nodes (>500 when unnecessary), 3 points for unoptimized transformation matrices, and 5 points for neglecting to use defs for repeated elements. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "easy"
+}

package/library/svg_generation-svg_images/infinity-symbol-black-and-white-photo.json

@@ -0,0 +1,68 @@
+{
+  "index": 83,
+  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Make sure the code you generate can be executed and displayed. Please help me implement the following requirement using code: create a black and white photo of an infinity symbol using SVG code.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the SVG infinity symbol correctly implemented?",
+      "description": "Check whether the code accurately creates an infinity symbol (∞) using SVG path elements. The path should have a mathematically correct shape with proper curvature and symmetry. Score 0 if no infinity shape is visible, 5 if the shape is approximate but has flaws in symmetry, and 10 if the infinity symbol is perfectly formed with smooth curves and perfect symmetry.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the black and white photo effect properly implemented?",
+      "description": "Evaluate whether the SVG includes proper filters or styling to create a black and white photo effect. This should include appropriate grayscale effects, contrast adjustments, or filter combinations that mimic a photographic feel. Deduct 5 points if only basic black/white colors are used without any photographic effects, and 3 points if the effect lacks depth or realism. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the SVG responsive and properly viewable?",
+      "description": "Check if the SVG has proper viewport settings, preserveAspectRatio attributes, and responsive design techniques to ensure it displays correctly on different screen sizes. Verify that the viewBox is correctly set and all content is visible without cropping. Deduct 5 points if the symbol doesn't scale properly, and 3 points if parts of the graphic are cut off in some viewports. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Are advanced SVG features utilized appropriately?",
+      "description": "Assess the use of advanced SVG features like gradients, filters, masks, or texture effects to enhance the photo-realistic quality. Check for proper use of lighting effects, shadow, or texture overlays to create depth and dimension. Deduct 3 points for each missed opportunity to use appropriate advanced features, with a maximum deduction of 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code can handle different browser environments and whether it includes fallbacks or polyfills for cross-browser compatibility. Code with strong robustness should work reliably across modern browsers and degrade gracefully in older ones, giving 10 points. If the robustness is average, give 5 points, and if compatibility issues are likely, 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. Subtle animation that simulates film grain 2. Interactive elements that respond to user input 3. Creative texture or lighting effects beyond simple black and white). 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 paths that accomplish the same visual effect 2. Excessive use of filters that don't contribute to the photo effect 3. Unnecessary complexity that impacts render performance. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core visual is made unclear by redundant code.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review code organization (such as proper commenting, meaningful element IDs), optimization techniques (path simplification, appropriate precision), and adherence to SVG best practices. Deduct 5 points if element IDs are missing or non-descriptive; deduct 5 points if the SVG contains redundant path points or excessive precision; deduct 5 points if the code lacks organization or comments. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the visual output meet professional design standards?",
+      "description": "Evaluate whether the design follows principles of professional photography: 1) Balanced composition with proper focal point 2) Appropriate contrast and tonal range in the grayscale 3) Deliberate use of negative space. Deduct 3 points for poor composition, 5 points for flat or uniform contrast lacking photographic depth, and 5 points for awkward proportions or spacing. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the rendering efficient and optimized?",
+      "description": "Judge the technical efficiency of the SVG: 1) File size is appropriate for the complexity (under 10KB for simple infinity symbol) 2) Paths are optimized with minimal control points 3) Filters and effects use efficient techniques. Deduct 5 points for unnecessarily complex paths, 3 points for computationally expensive filters that could be simplified, and 5 points for render-blocking effects that slow down initial display. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "medium"
+}

package/library/svg_generation-svg_images/japanese-kimono-traditional-garment.json

@@ -0,0 +1,68 @@
+{
+  "index": 14,
+  "question": "You are a coding expert. Please use your professional knowledge to generate accurate, professional responses. Take care to ensure the code you generate is executable for demonstration.\n\nPlease help me implement the following requirement using SVG code. The requirement is to create a: Japanese kimono is a traditional garment.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the kimono's basic structure and proportions accurately implemented?",
+      "description": "Review whether the SVG code accurately depicts the fundamental elements of a Japanese kimono including the main body (hon-mi), sleeves (sode), collar (eri), and obi (sash). Check if the proportions follow traditional kimono measurements where sleeve length typically extends to ankle level and body width allows proper draping. Score 0 if basic kimono silhouette is missing, 5 if only simplified outline is present, and 10 if all structural elements are properly proportioned and positioned.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Are traditional kimono design elements and patterns authentically represented?",
+      "description": "Evaluate whether the SVG includes authentic Japanese design elements such as traditional patterns (seigaiha, asanoha, sakura, etc.), proper color combinations following seasonal conventions, and accurate collar overlap (left over right). Check for cultural authenticity in decorative motifs and pattern placement. Deduct 5 points if patterns are culturally inappropriate, 3 points if collar overlap is incorrect. Full score requires authentic traditional elements.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the SVG technical implementation properly structured and optimized?",
+      "description": "Assess whether the SVG uses appropriate technical approaches including proper use of groups (<g>), paths, and geometric shapes for efficient rendering. Check if the code utilizes SVG-specific features like gradients, patterns, and transforms effectively. Evaluate if the coordinate system is well-organized and if the viewBox is properly configured. Deduct 5 points if excessive nested elements cause performance issues, 3 points if basic SVG optimization principles are ignored.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Does the kimono design demonstrate proper fabric draping and fold simulation?",
+      "description": "Review whether the SVG successfully simulates the natural draping characteristics of kimono fabric through curved lines, shadow effects, and layering. Check if the obi (sash) shows proper dimensional depth and if sleeve draping appears natural. Evaluate the use of gradients or shading to create fabric texture illusion. Score 0 if completely flat representation, 5 if basic draping attempt, 10 if realistic fabric simulation with proper depth and natural flow.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the SVG code can handle common rendering issues across different browsers and screen sizes. Check for proper error handling in path definitions, valid color values, and scalable design elements. Code with strong robustness should render consistently across platforms, 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 SVG includes creative enhancements that elevate the kimono representation (e.g., 1. Interactive hover effects revealing pattern details 2. Animated elements like flowing fabric or seasonal transitions 3. Multi-layered depth with subtle animations). 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 path definitions or duplicate elements 2. Unnecessary complex patterns that don't enhance the kimono representation 3. Excessive decorative elements that distract from the main subject. Deduct 3 points for each redundancy found, and directly deduct 10 points if core kimono elements are obscured by redundant code.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review SVG code organization including proper use of definitions (<defs>), reusable elements, and clean structure. Check for consistent naming conventions, proper indentation, and logical grouping of related elements. Deduct 5 points if code structure is chaotic or lacks reusability; deduct 5 points if excessive code duplication exists; deduct 5 points if the SVG lacks proper semantic organization. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the visual design meet professional aesthetic standards?",
+      "description": "Evaluate whether the kimono design follows authentic Japanese aesthetic principles: 1) Harmonious color palette respecting traditional combinations 2) Balanced composition with proper negative space 3) Refined detail level appropriate for the medium. Deduct 3 points for each visually jarring element, 5 points for culturally inappropriate color choices, and 5 points for cluttered or unbalanced composition. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the visual presentation smooth and well-rendered?",
+      "description": "Judge whether the SVG renders smoothly with clean lines and proper anti-aliasing: 1) Smooth curves without jagged edges 2) Proper stroke-width consistency 3) Clear visual hierarchy and readable details at various scales. Deduct 5 points for each major rendering artifact, 3 points for inconsistent line weights, and 5 points for poor scalability. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "medium"
+}

package/library/svg_generation-svg_images/keyboard-with-mouse-on-top.json

@@ -0,0 +1,68 @@
+{
+  "index": 55,
+  "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 demonstrated. Please help me implement this SVG image using code: a close up of a keyboard with a mouse on top of it",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the SVG keyboard structure accurately implemented?",
+      "description": "Review whether the code accurately creates a keyboard layout through SVG elements, including proper key arrangement (QWERTY layout), key sizing proportions, and realistic keyboard dimensions. Check if individual keys are properly defined with correct spacing and alignment. Score 0 if only basic rectangles are used without proper keyboard layout, 5 if basic key arrangement exists but proportions are incorrect, and 10 if a detailed and accurate keyboard structure with proper key groupings (alphanumeric, function keys, arrow keys) is implemented.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the mouse design realistically rendered on top of the keyboard?",
+      "description": "Evaluate whether the mouse is properly positioned 'on top' of the keyboard with correct z-index layering and realistic mouse shape. Check if the mouse includes essential components like left/right buttons, scroll wheel, and proper ergonomic curves. Deduct 5 points if the mouse appears flat or unrealistic, 3 points if positioning doesn't clearly show it's 'on top' of the keyboard. The mouse should have proper shadows or depth indicators. Full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Does the close-up perspective and composition match the requirement?",
+      "description": "Check whether the SVG implements a proper 'close-up' view with appropriate cropping and perspective. The composition should show detailed view of keyboard keys with the mouse prominently featured. Evaluate if the viewBox and scaling create a realistic close-up effect rather than a distant overview. Deduct 5 points if the perspective is flat or lacks depth, 3 points if the composition doesn't feel like a close-up shot. Full score requires realistic perspective with proper foreground/background relationship.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Are realistic visual details and textures implemented?",
+      "description": "Assess whether the code includes realistic visual details such as key legends (letters/numbers on keys), surface textures, beveled edges, and material representation. Check for proper use of gradients, shadows, and highlighting to create depth and realism. Deduct 5 points if keys lack text labels or appear completely flat, 3 points if missing essential details like key borders or realistic coloring. Full implementation should include key backlighting effects, surface reflections, and material differentiation between keyboard and mouse.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code can handle common issues such as different viewport sizes, browser compatibility, and SVG rendering variations. Code should include proper error handling for SVG elements and graceful degradation. Check for proper namespacing and valid SVG syntax. Robust code should handle edge cases like missing fonts or unsupported SVG features. Give 10 points if fully robust, 5 points if moderately robust, and 0 points if no error handling exists.",
+      "maxScore": 10
+    },
+    {
+      "id": 5,
+      "title": "Are there any innovative features that are eye-catching?",
+      "description": "Check whether the code includes impressive features that enhance realism (e.g., 1. Animated key press effects 2. Realistic lighting and shadow simulation 3. Interactive hover effects 4. Detailed cable/wireless indicator 5. Brand-specific keyboard/mouse design elements). Add 2 points for each well-implemented innovative feature (maximum 10 points). Features should add value without compromising the core image representation.",
+      "maxScore": 10
+    },
+    {
+      "id": 6,
+      "title": "Are there any redundant features?",
+      "description": "Strictly check three types of redundancy: 1. Unnecessary complex animations that don't enhance the static image representation 2. Excessive decorative elements unrelated to keyboard/mouse (e.g., background scenery, unrelated objects) 3. Overly complex gradients or effects that cause performance issues without visual benefit. Deduct 3 points for each redundancy found, and directly deduct 10 points if redundant code interferes with the core image clarity or loading performance.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review code organization with proper SVG grouping, reusable components (defs, symbols), and clean structure. Check for proper use of SVG optimization techniques, meaningful element IDs/classes, and maintainable code patterns. Deduct 5 points if code is unorganized with inline styles everywhere; deduct 5 points if excessive code duplication exists; deduct 5 points if SVG structure is poorly organized without logical grouping. Full score requires clean, modular, and optimized SVG code.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the visual design meet professional illustration standards?",
+      "description": "Evaluate whether the SVG follows professional digital illustration principles: 1) Realistic color palette with proper contrast and harmony 2) Consistent lighting direction and shadow casting 3) Proper proportions and perspective accuracy 4) Clean vector art with smooth curves and precise edges. Deduct 3 points for each unrealistic color choice, 5 points for inconsistent lighting or shadows, and 5 points for distorted proportions. Full score requires photorealistic quality within SVG constraints.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the rendering performance and visual quality optimized?",
+      "description": "Judge whether the SVG is optimized for both visual quality and performance: 1) Efficient use of SVG elements without excessive complexity 2) Proper file size optimization without quality loss 3) Smooth rendering across different screen resolutions 4) Appropriate level of detail for the intended viewing size. Deduct 5 points for unnecessarily complex paths that hurt performance, 3 points for pixelated or blurry elements when scaled, and 5 points for excessive file size due to unoptimized code. Full score requires balanced optimization.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "hard"
+}

package/library/svg_generation-svg_images/leaves-falling-from-plant-autumn.json

@@ -0,0 +1,68 @@
+{
+  "index": 189,
+  "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.\n Please help me implement the following requirement using code. Create an SVG that shows: leaves falling from a plant in autumn.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the basic SVG plant structure properly implemented?",
+      "description": "Evaluate whether the SVG includes a well-structured plant/tree with defined trunk, branches, and leaves. Check if proper SVG elements (paths, groups, etc.) are used with appropriate attributes. Score 0 if no plant structure exists, 5 if basic structure is present but lacks detail, and 10 if the plant is well-designed with realistic proportions and natural appearance.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the leaf falling animation correctly implemented?",
+      "description": "Check if leaves detach from the plant and fall with realistic physics using SVG animations or JavaScript. Evaluate the motion path (should be curved/swaying rather than straight down), timing variations between leaves, and rotation effects. Deduct 5 points if leaves fall in identical patterns, and 3 points if the animation timing is unnatural. Full score requires varied, natural-looking falling patterns.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Are autumn-appropriate visual elements included?",
+      "description": "Assess whether the implementation includes autumn-specific visual elements: appropriate color palette (oranges, reds, yellows, browns), gradual color changes in leaves, and seasonal atmosphere. Check if leaves change color before falling. Deduct 5 points if colors don't reflect autumn, and 3 points if there's no color transition. The full score requires a convincing autumn aesthetic.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is there interactivity or environmental effects?",
+      "description": "Review whether the implementation includes interactive elements (e.g., wind effect on hover, clicking to shake the tree) or environmental effects (e.g., gentle breeze causing occasional leaf falls, day/night cycle). Deduct 5 points if no interactivity exists and 3 points if interaction is minimal. Give 10 points for well-implemented interactivity that enhances the autumn experience.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code can handle common issues (browser compatibility, viewport resizing, performance optimization for animation). Code with strong robustness should adapt to different screen sizes, maintain performance with many animated elements, and use requestAnimationFrame for smooth animations. Give 10 points for excellent robustness, 5 for average, and 0 if major issues exist.",
+      "maxScore": 10
+    },
+    {
+      "id": 5,
+      "title": "Are there any innovative features that are eye-catching?",
+      "description": "Check whether the code includes surprise features that enhance the experience (e.g., 1. Weather effects like rain or wind 2. Sound effects synchronized with falling leaves 3. Seasonal progression from summer to winter). 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 animation loops or event handlers 2. Elements unrelated to the autumn plant theme 3. Heavy effects that affect performance (e.g., too many particle systems). Deduct 3 points for each redundancy found, and directly deduct 10 points if the core functions are interfered with by redundant code.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review modular design (separating drawing, animation, and interaction logic), code reusability (e.g., functions to generate multiple leaves), and optimization techniques. Deduct 5 points if global variables pollute the namespace; deduct 5 points if there's high code duplication; deduct 5 points if no performance considerations exist for animations. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the interface vision meet professional design standards?",
+      "description": "Evaluate whether the visual design follows good principles: 1) Harmonious color palette appropriate for autumn 2) Balanced composition with proper negative space 3) Attention to detail in leaf shapes and plant structure. Deduct 3 points for visually jarring elements, 5 points for unrealistic proportions, and 5 points for poor composition. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the animation smooth and visually pleasing?",
+      "description": "Judge whether the animations follow natural principles: 1) Easing functions for realistic acceleration 2) Varied timing across different leaves 3) Smooth performance even with many elements. Deduct 5 points for jerky animations, 3 points for unrealistic movement patterns, and 5 points for performance issues with multiple leaves. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "medium"
+}

package/library/svg_generation-svg_images/listen-to-music-headphones-sound-quality.json

@@ -0,0 +1,68 @@
+{
+  "index": 158,
+  "question": "You are a code expert, please use your professional knowledge to generate accurate and professional responses. Make sure that the code you generate is executable for demonstration purposes.\nPlease help me implement this SVG image using code. Listen to music with headphones for better sound quality.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the SVG image properly constructed with accurate structure?",
+      "description": "Evaluate if the SVG code has proper namespace declarations, viewport settings, and dimensioning. Check if the SVG element has width/height attributes or viewBox properly defined. Deduct 5 points if namespace is missing, 3 points for incorrect viewBox, and 2 points for missing responsive attributes. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Are the headphones accurately depicted in the SVG?",
+      "description": "Review whether the SVG correctly implements the headphone shape with appropriate paths, curves, and proportions. Score 3 points for basic shape outline, 5 points for detailed components (ear cups, headband, padding), and 10 points for a complete and accurate representation with proper depth and dimension.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the musical element/sound visualization properly implemented?",
+      "description": "Assess if the SVG includes visual elements representing music or sound (such as musical notes, sound waves, or visualizations). Check if these elements enhance the context of using headphones for better sound quality. Award 5 points for basic music symbols, 8 points for animated sound elements, and 10 points for comprehensive sound visualization that connects with the headphone concept.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Does the SVG include appropriate animations or interactivity?",
+      "description": "Examine if the SVG implements animations (such as pulsing sound waves, moving notes) or interactive elements (volume control, play/pause functionality). Score 3 points for basic CSS animations, 7 points for SMIL animations, and 10 points for sophisticated JavaScript-driven interactive elements that enhance the headphone/music concept.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code handles browser compatibility issues, includes fallbacks for unsupported features, and implements proper error handling for animations or interactions. Code with strong robustness should work across major browsers. Give 10 points if fully robust, 5 points for average robustness, and 0 points if major compatibility issues exist.",
+      "maxScore": 10
+    },
+    {
+      "id": 5,
+      "title": "Are there any innovative features that are eye-catching?",
+      "description": "Check whether the code includes surprise features that enhance the experience (e.g., 1. Sound visualization that changes with simulated audio intensity 2. User-interactive headphone color customization 3. Responsive design that adapts to different screen sizes). 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 path definitions or duplicate elements 2. Unnecessary filters or effects that don't contribute to the headphone/music concept 3. Excessive animations that affect performance. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core visualization is obscured by redundant code.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review modular organization (grouped elements, reusable components, clear naming conventions), optimized code (minimal path points, efficient use of SVG elements), and proper commenting. Deduct 5 points if SVG elements lack proper grouping; deduct 5 points if the code is unnecessarily verbose; deduct 5 points if there are no comments explaining complex parts. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the interface vision meet professional design standards?",
+      "description": "Evaluate whether the SVG follows professional design principles: 1) Limited, harmonious color palette 2) Proper use of stroke widths and fills 3) Clear visual hierarchy and appropriate use of negative space. Deduct 3 points for jarring color combinations, 5 points for inconsistent styling, and 5 points for poor visual balance. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the dynamic interaction smooth and seamless?",
+      "description": "Judge whether any animations or transitions in the SVG are smooth and natural: 1) Animations have appropriate easing 2) Transition durations feel natural (300-500ms) 3) Interactive elements provide clear visual feedback. Deduct 5 points for jerky animations, 3 points for inappropriate timing, and 5 points for confusing interaction states. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "easy"
+}

package/library/svg_generation-svg_images/magnet-attraction-metal-magnetic-science.json

@@ -0,0 +1,68 @@
+{
+  "index": 201,
+  "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 purposes. Please help me implement this SVG image using code. Magnet has attraction on metal due to magnetic science.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the basic SVG magnet visualization implemented correctly?",
+      "description": "Check if the code properly creates an SVG magnet with appropriate shapes, colors, and proportions. The classic horseshoe or bar magnet shape should be clearly recognizable with proper north/south poles indicated. Score 0 if no magnet is visualized, 5 if a basic shape is present but lacks detail, and 10 if the magnet is properly detailed with visual cues for polarity.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Does the code demonstrate magnetic attraction with metal objects?",
+      "description": "Evaluate whether the code implements a visual demonstration of magnetic attraction physics. Check for metal objects that respond to the magnet's proximity with appropriate movement behaviors. Deduct 5 points if attraction is static/predetermined instead of dynamic, and 3 points if the interaction radius isn't proportional to magnetic strength. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is there a magnetic field visualization?",
+      "description": "Assess if the code includes a visual representation of magnetic field lines showing the direction and intensity of the magnetic field (typically curved lines from north to south pole). Score 0 if no field lines exist, 5 if basic static field lines are present, and 10 if the field lines dynamically respond to movement or interaction with metal objects.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is there an interactive component that demonstrates magnetic principles?",
+      "description": "Review whether the code allows user interaction (drag-and-drop functionality, mouse hover effects) that demonstrates magnetic science principles like attraction/repulsion based on polarity, distance-based field strength, or interaction between multiple magnets/metal objects. Deduct 5 points if interaction is limited to basic dragging without physics, and 3 points if educational aspects of magnetism aren't clearly conveyed. 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 resize, rapid user interactions, out-of-bounds dragging, etc.) and provide friendly error handling 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. Magnetic field strength visualization that changes with distance 2. Particle effects showing magnetic attraction 3. Educational tooltips explaining magnetic principles). Add 3 points for each practical innovative feature implemented (maximum 10 points).",
+      "maxScore": 10
+    },
+    {
+      "id": 6,
+      "title": "Are there any redundant features?",
+      "description": "Strictly check three types of redundancy: 1. Redundant implementation of similar magnetic effects 2. Function modules unrelated to magnetism demonstration 3. Fancy effects that affect performance without adding educational value about magnetism. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core magnetic demonstration is interfered with by redundant code.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review modular design (such as separating physics simulation/view/interaction layers), code organization, and efficiency of the implementation. Deduct 5 points if global variable pollution is found or proper event handling patterns are not used; deduct 5 points if the code is unnecessarily complex or has high duplication; deduct 5 points if the SVG implementation uses inefficient techniques. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the interface vision meet professional scientific visualization standards?",
+      "description": "Evaluate whether the SVG visualization follows professional scientific visualization principles: 1) Accurate representation of magnetic phenomena 2) Clear visual distinction between magnets, metal objects, and field lines 3) Professional color scheme that aids understanding rather than confuses. Deduct 3 points for each inaccurate scientific representation, 5 points for confusing visual elements, and 5 points for poor color choices that hinder understanding. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the dynamic interaction smooth and scientifically accurate?",
+      "description": "Judge whether the magnetic interactions conform to real physical principles: 1) Force calculations based on realistic magnetic formulas 2) Smooth animations for attraction/repulsion (60fps) 3) Accurate behavior of metal objects in magnetic fields. Deduct 5 points for each physically inaccurate behavior, 3 points for jerky animations during interactions, and 5 points for unrealistic object movements. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "medium"
+}

package/library/svg_generation-svg_images/man-serving-tennis-silhouette-racquet.json

@@ -0,0 +1,68 @@
+{
+  "index": 105,
+  "question": "You are a code expert, please use your professional knowledge to generate accurate, professional responses. Make sure the code you generate is executable whenever possible.\nPlease help me implement this SVG image using code. A black and white silhouette of a man serving a ball in a game of tennis, holding a racquet in his hand.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the basic SVG structure correctly implemented?",
+      "description": "Check whether the code includes proper SVG declarations with correct namespace, viewBox settings, and appropriate canvas dimensions. The SVG should use the standard xmlns attribute and have reasonable width/height attributes or viewBox dimensions. Deduct 5 points if namespaces are missing, 3 points if viewBox is improperly set, and 5 points if dimensions make the image difficult to view or scale. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the tennis player silhouette accurately represented?",
+      "description": "Evaluate how well the code creates a recognizable silhouette of a tennis player in a serving position. The figure should clearly show a person with arms extended holding a racquet in a serving pose. Deduct 5 points if the posture is anatomically incorrect, 7 points if the silhouette is not recognizable as a tennis player, and 3 points if proportions are significantly distorted. Score 0 if the silhouette is completely missing. The full score is 15 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the tennis racquet properly depicted in the player's hand?",
+      "description": "Review whether the tennis racquet is correctly positioned in the player's hand and has appropriate proportions. The racquet should be distinguishable with a handle and frame. Deduct 5 points if the racquet shape is unrealistic, 3 points if the position relative to the hand is incorrect, and 7 points if the racquet is missing or unrecognizable. The full score is 15 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is the black and white silhouette effect properly implemented?",
+      "description": "Assess whether the code correctly implements a true silhouette effect with clean black fill and no unnecessary borders or gradients. The SVG should use appropriate fill attributes to create a solid black figure against a white/transparent background. Deduct 5 points for using gray instead of black, 3 points for adding unnecessary strokes, and 5 points if multiple colors are used instead of a true silhouette. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the SVG implementation handles browser compatibility issues and includes fallback options. Deduct 3 points if browser-specific attributes are used without fallbacks, 5 points if the SVG doesn't include appropriate role or aria attributes for accessibility, and 5 points if there's no alternate content or title for screen readers. 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. Subtle animation of the serve motion 2. Interactive elements that respond to user input 3. Clean scaling without pixelation at different sizes). 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 path points or shapes that add complexity without visual benefit 2. Excessive grouping elements (<g>) that don't serve a purpose 3. Unnecessarily complex gradient or filter effects that could be simplified. Deduct 3 points for each redundancy found, and directly deduct 10 points if core silhouette clarity is compromised by redundant code. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review code organization (such as meaningful element IDs, proper indentation, and logical grouping), optimization techniques (path simplification, appropriate decimal precision), and maintainability. Deduct 5 points if paths are excessively complex when simpler alternatives exist; deduct 3 points if precision is too high (causing bloated file size) or too low (causing visual artifacts); deduct 2 points if there's no logical organization of SVG elements. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the silhouette meet professional design standards?",
+      "description": "Evaluate whether the design follows modern SVG best practices: 1) Clean path definitions without unnecessary points 2) Proper use of basic shapes where appropriate rather than complex paths 3) Balanced visual weight and proportions. Deduct 3 points for jagged edges or non-smooth curves, 5 points for anatomically incorrect body proportions, and 5 points for poor negative space usage or awkward composition. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the SVG implementation optimized and efficient?",
+      "description": "Judge whether the SVG code is optimized for performance and file size: 1) Minimal use of unnecessary decimal places in coordinates 2) Use of appropriate SVG elements (basic shapes vs. paths) 3) Clean, minifiable code structure. Deduct 3 points for excessive precision in coordinates, 3 points for using paths where basic shapes would suffice, and 4 points for unnecessarily complex grouping or transformation matrices. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "medium"
+}