@getollie/cli 0.0.1

package/library/svg_generation-svg_images/earphones-with-cord-svg-image.json

@@ -0,0 +1,68 @@
+{
+  "index": 178,
+  "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 for display. Please help me implement this SVG image using code: a pair of earphones with a cord attached to them.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the basic structure of the earphones with cord accurately depicted?",
+      "description": "Evaluate whether the SVG code correctly represents the essential components of earphones: two earbuds, a connecting band or wire between them, and a cord extending from them. Score 0 if any of these components are missing, 5 if they're present but proportions are off, and 10 if the entire structure accurately resembles standard earphones.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the implementation of the earbuds detailed and realistic?",
+      "description": "Check whether the SVG code includes proper detailing of the earbuds (outer casing, cushions if applicable, speaker mesh indication). Deduct 3 points if the earbuds lack dimension (appear completely flat), 4 points if essential details are missing, and 5 points if they don't resemble real earbuds. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Does the earphone cord have natural curves and tension?",
+      "description": "Evaluate if the cord is implemented with natural-looking curves using Bezier paths or similar techniques rather than straight lines. The cord should appear to have realistic tension and gravity effects. Score 0 for straight lines, 5 for basic curves, and 10 for realistic curves with proper tension visualization.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Are the SVG path commands used efficiently and appropriately?",
+      "description": "Analyze whether the SVG implementation uses the most appropriate path commands (M, L, C, Q, A) for different parts of the earphones. Deduct 3 points for unnecessarily complex paths, 3 points for inefficient use of commands (e.g., using multiple line segments where curves would be better), and 4 points for not utilizing appropriate SVG elements for different components.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the SVG code is well-structured, uses appropriate viewBox dimensions, includes proper namespace declarations, and avoids hardcoded absolute positions where relative positioning would be better. Code with strong robustness should handle different display sizes properly, giving 10 points. If the robustness is average, give 5 points, and if the SVG breaks on different screen sizes, give 0 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 5,
+      "title": "Are there any innovative features that are eye-catching?",
+      "description": "Check whether the SVG includes surprise features that enhance the visualization (e.g., 1. Animation of the cord swinging 2. Interactive elements like volume control or button clicks 3. Gradient or texture effects for realism). 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 segments that could be simplified 2. Unnecessary graphical elements unrelated to earphones 3. Overly complex effects that add little visual value but increase code complexity. Deduct 3 points for each redundancy found, and directly deduct 10 points if the redundant code significantly increases file size or performance issues.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review the code structure (clear grouping of elements using <g> tags, meaningful IDs/classes), use of reusable components, and optimization techniques (avoiding unnecessarily precise decimal values). Deduct 5 points if there's no logical grouping of elements; deduct 5 points if identical elements are duplicated instead of being reused; 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 visual representation meet professional design standards?",
+      "description": "Evaluate whether the overall design follows modern design principles: 1) Appropriate level of detail for the medium 2) Balanced proportions between earbuds and cord 3) Professional use of colors, shadows, or highlights to convey depth. Deduct 3 points for anatomically incorrect proportions, 5 points for unrealistic or jarring color choices, and 5 points for overly simplistic rendering that lacks visual interest. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is there any dynamic interaction or animation that enhances the visual?",
+      "description": "Judge whether any animations or interactions (if included) enhance the visual representation: 1) Smooth animation timing functions for natural movement 2) Appropriate trigger events for interactions 3) Subtle effects that don't dominate the core visual. Deduct 5 points for jarring or unrealistic animations, 3 points for animations that run too quickly/slowly, and 5 points for interactive elements without proper visual feedback. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "medium"
+}

package/library/svg_generation-svg_images/earth-seven-continents-south-america.json

@@ -0,0 +1,68 @@
+{
+  "index": 100,
+  "question": "You are a code expert. Please utilize your professional knowledge to generate accurate and professional responses. Make sure that the code you generate is executable for display. Please help me implement this SVG image using code. The earth has seven continents, including South America, which is part of the Americas.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the basic SVG structure correctly implemented?",
+      "description": "Check if the SVG element is properly set up with appropriate viewBox, width, height attributes. Verify that namespaces are correctly declared. Score 0 if SVG is not implemented at all, 5 if basic structure exists but with errors, 10 if properly set up with correct dimensions and namespaces.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the Earth representation accurate and complete?",
+      "description": "Evaluate whether all seven continents (Asia, Africa, North America, South America, Antarctica, Europe, and Australia) are properly represented on the SVG map. Check continent shapes for reasonable accuracy. Deduct 2 points for each missing continent. Deduct 3 points if South America is not clearly defined as part of the Americas. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the continent coloring and distinction clear?",
+      "description": "Review whether each continent has appropriate fill colors/patterns that make them distinguishable from each other and from oceans. Check if South America has a distinct visual representation while still maintaining a visual relationship with North America. Score 0 if continents are not visually distinct, 5 if basic differentiation exists, 10 if professional color schemes are applied with good contrast.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Are proper map projections or geographic representations used?",
+      "description": "Assess whether an appropriate map projection is used (e.g., Mercator, Robinson, equirectangular). Check if the projection handles distortion reasonably and maintains recognizable continent shapes. Deduct 5 points for severe distortions that make continents unrecognizable, 3 points for inappropriate projection choice. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the SVG code is well-structured, uses proper nesting, and follows best practices (e.g., grouping related elements with <g> tags, using proper path commands). Check if the SVG handles different viewport sizes properly. Code with strong robustness should gracefully handle browser variations, giving 10 points. If the robustness is average, give 5 points, and if it breaks easily in different contexts, give 0 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 5,
+      "title": "Are there any innovative features that are eye-catching?",
+      "description": "Check whether the code includes surprise features that enhance the visualization (e.g., 1. Interactive hover effects for continent information 2. Smooth animations for rotation/zoom 3. Gradient or texture fills that add depth). 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. Excessive path points that could be simplified 2. Unnecessary graphical elements unrelated to the Earth representation 3. Over-complicated effects that increase file size without adding value. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core representation is obscured by redundant elements.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review modular organization (such as separating continent definitions, styling, and any interactive components), code comments, and optimization for file size. Deduct 5 points if global attributes are inconsistently applied; deduct 5 points if there's significant duplicated path data or styling; deduct 5 points if the SVG is not optimized for rendering performance. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the interface vision meet professional design standards?",
+      "description": "Evaluate whether the overall design follows modern visualization principles: 1) Harmonious color matching for continents and oceans (no more than 3-4 primary colors) 2) Clean visual hierarchy with appropriate stroke weights and fills 3) Professional presentation of labels or legends if included. Deduct 3 points for each cluttered visual element, 5 points for jarring color combinations, 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 (if applicable)?",
+      "description": "Judge whether any interactive elements (if implemented) conform to user expectations: 1) Responsive hover/click states ≤ 100ms 2) Smooth transitions between states 3) Intuitive interaction patterns. For static SVGs without interaction, evaluate whether the code structure would easily support adding interactions later. Deduct 5 points for each broken interaction, 3 points for laggy animations, and 5 points for confusing interaction patterns. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "easy"
+}

package/library/svg_generation-svg_images/green-clover-heart-shaped-plant-svg.json

@@ -0,0 +1,68 @@
+{
+  "index": 27,
+  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Make sure the generated code is executable for display whenever possible. Please help me implement the following requirement using SVG code: Create a green clover, which is a heart-shaped plant found in nature.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the core clover shape accurately implemented with SVG?",
+      "description": "Check if the code properly creates a four-leaf clover using SVG path elements or shape combinations. The clover should have four distinct heart-shaped leaves arranged symmetrically. Deduct 5 points if the leaves don't resemble hearts, 5 points if the arrangement isn't symmetrical, and 10 points if fewer than four leaves are implemented. Full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the green coloration appropriate and natural?",
+      "description": "Evaluate whether the clover uses appropriate green tones (like #00AA00, #228B22, or #008000) that look natural. Check if there's color variation or gradient to create depth. Deduct 3 points for unnatural green shades, 5 points for flat single-color implementation without depth, and 3 points if no different shades are used for different parts (leaves vs. stem). Full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Are additional botanical details included?",
+      "description": "Check for realistic botanical elements like a stem, veins on the leaves, or subtle textures. Deduct 3 points if the stem is missing, 3 points if leaf veins are absent, and 4 points if there's no texture or detail work to make the clover look natural. Full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is the SVG code optimized and efficient?",
+      "description": "Review if the SVG implementation uses appropriate elements (paths, circles, etc.) efficiently. Check if the code uses groups (<g>) for related elements and proper coordinate systems. Deduct 3 points for excessive use of elements when fewer would suffice, 4 points for not using groups for logical organization, and 3 points for inefficient path commands. Full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code can handle different display contexts (browser compatibility, scaling) and includes appropriate viewBox settings. Deduct 5 points if viewBox attribute is missing or improperly configured, 3 points if transforms aren't used appropriately for positioning, and 2 points if there are no fallbacks for older browsers. 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 like gentle swaying 2. Interactive elements like hover effects 3. Shadow or lighting 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 SVG elements that don't contribute to the design 2. Overly complex paths that could be simplified 3. Excessive effects that distract from the core clover representation. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core representation is obscured by unnecessary elements.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review code organization, use of appropriate SVG attributes, and implementation of reusable components (if applicable). Deduct 5 points if SVG attributes are inconsistently applied or missing key parameters; deduct 3 points if similar elements aren't defined once and reused; deduct 2 points if the code lacks comments or clear structure. Full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the visual output meet professional design standards?",
+      "description": "Evaluate whether the clover looks professional and polished: 1) Proportional leaf sizes and arrangement 2) Smooth curves without jagged edges 3) Proper use of visual hierarchy. Deduct 3 points for disproportionate elements, 4 points for visibly rough or uneven edges, and 3 points for poor visual balance. Full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Are interactive or dynamic elements well-implemented?",
+      "description": "Judge whether any animations or interactive features enhance the visual representation: 1) Smooth animations with appropriate timing 2) Purposeful interactions that add value 3) Elegant transitions. Deduct 3 points for animations that feel unnatural, 4 points for interactions without visual feedback, and 3 points for animations that hinder rather than enhance the representation. Full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "medium"
+}

package/library/svg_generation-svg_images/groom-wearing-tailcoat-svg-code.json

@@ -0,0 +1,68 @@
+{
+  "index": 149,
+  "question": "You are a coding expert. Please use your professional knowledge to generate accurate and professional responses. Make sure the generated code is executable whenever possible. Please help me implement the following requirement using SVG code: create a groom wearing a tailcoat.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the groom's basic body structure accurately implemented?",
+      "description": "Review whether the SVG code correctly implements the groom's basic anatomical structure including head, torso, arms, and legs with proper proportions. The head should be approximately 1/8 of the total body height, shoulders should be 2-3 head widths, and the overall figure should follow human proportional guidelines. Score 0 if basic body structure is missing, 5 if proportions are noticeably incorrect, and 10 if anatomically accurate with proper scaling.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the tailcoat design professionally rendered with authentic details?",
+      "description": "Evaluate whether the tailcoat includes essential formal elements: peaked lapels, double-breasted or single-breasted front, proper tail length extending to behind the knees, fitted waist, and appropriate button placement. Check for formal accessories like bow tie, white dress shirt, and formal trousers. Deduct 5 points if the tailcoat lacks authentic cut details, 3 points if formal accessories are missing, and 2 points if the tail proportions are incorrect. Full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the SVG structure semantically organized and properly layered?",
+      "description": "Check whether the SVG uses appropriate grouping with <g> elements, logical layer ordering (background to foreground), and semantic naming conventions. The code should separate different clothing elements (shirt, jacket, trousers) into distinct groups. Deduct 5 points if no grouping structure is used, 3 points if layer ordering causes visual conflicts, and 2 points if element naming is unclear. Full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Are the SVG paths and shapes geometrically precise and optimized?",
+      "description": "Evaluate whether the SVG uses appropriate primitive shapes (rect, circle, ellipse) where suitable and complex paths only when necessary. Check for smooth curves using proper Bézier controls, minimal path points, and accurate coordinate positioning. Deduct 5 points if paths are unnecessarily complex, 3 points if curves appear jagged, and 2 points if coordinates are not optimized. Full score is 10 points.",
+      "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. The code should include proper viewBox settings, relative scaling, and fallback mechanisms. Code with strong robustness should handle edge cases like extreme viewport sizes and maintain visual integrity. Give 10 points if fully robust, 5 points if moderately robust, and 0 points if no robustness considerations are present.",
+      "maxScore": 10
+    },
+    {
+      "id": 5,
+      "title": "Are there any innovative features that are eye-catching?",
+      "description": "Check whether the SVG includes engaging visual enhancements (e.g., 1. Subtle gradient shading for depth 2. Interactive hover effects 3. Detailed fabric textures 4. Realistic shadow 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. Duplicate path definitions for similar shapes 2. Unnecessary decorative elements unrelated to the groom figure 3. Overly complex effects that don't enhance the core design. Deduct 3 points for each redundancy found, and directly deduct 10 points if redundant code significantly impacts file size or rendering performance.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review SVG code organization, reusable definitions using <defs>, proper use of symbols and patterns, and clean formatting. Deduct 5 points if code is poorly formatted or lacks structure; deduct 5 points if reusable elements aren't properly defined; deduct 5 points if the code is not optimized for file size. Full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the visual design meet professional illustration standards?",
+      "description": "Evaluate whether the overall design follows professional illustration principles: 1) Consistent color palette appropriate for formal wear (blacks, whites, grays with accent colors) 2) Proper contrast ratios for visibility 3) Harmonious proportions and balanced composition. Deduct 3 points for each jarring color choice, 5 points for poor contrast making details hard to see, and 5 points for unbalanced composition. Full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the visual presentation polished and attention to detail evident?",
+      "description": "Judge whether the illustration demonstrates professional attention to detail: 1) Clean, precise lines with consistent stroke weights 2) Proper shading and highlights for dimensional appearance 3) Fine details like buttons, seams, and fabric folds clearly rendered. Deduct 5 points for inconsistent line weights, 3 points for lack of dimensional shading, and 5 points for missing or poorly executed detail work. Full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "hard"
+}

package/library/svg_generation-svg_images/half-track-vehicle-svg-image.json

@@ -0,0 +1,68 @@
+{
+  "index": 51,
+  "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. Please help me implement this SVG image using code. Half-track vehicle.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the SVG image of the half-track vehicle accurately implemented?",
+      "description": "Review whether the code accurately represents the half-track vehicle with correct proportions and key components (front wheels, rear tracks, cabin, body structure). Score 0 if the vehicle is unrecognizable, 5 if the basic structure is present but with significant distortions, and 10 if all essential components are accurately depicted with proper scaling and positioning.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Are the key visual details of the half-track vehicle implemented?",
+      "description": "Check for important visual details such as windows, lights, tracks with individual track links, wheel details (spokes/hubs), door lines, and vehicle texturing. Deduct 2 points for each major missing detail. Award full points if the implementation includes nuanced details like rivets, suspension elements, and correct track mechanism visualization.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the SVG code structured efficiently?",
+      "description": "Evaluate if the SVG code uses appropriate grouping (<g> elements), reusable components (via <defs> and <use>), and proper nesting structure. Score 10 if the code demonstrates optimal structuring with reusable patterns for repeating elements (like track links), 5 if basic grouping is used but with inefficiencies, and 0 if the code is completely flat with no logical organization.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is the implementation technically accurate in utilizing SVG features?",
+      "description": "Assess whether the code properly uses SVG-specific features such as path commands, transforms, gradients for shading, and appropriate primitive shapes. Check if complex paths use proper curve commands (cubic/quadratic beziers) where appropriate rather than excessive straight line segments. Deduct 2 points for each significant technical misuse or missed opportunity to utilize SVG capabilities.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code follows SVG best practices with proper viewBox settings, namespace declarations, and valid attribute values. Check if the SVG scales correctly across different viewport sizes. Code with strong robustness should work across different browsers and adapt to container size changes, giving 10 points. If the robustness is average, give 5 points, and if basic SVG requirements are not met, 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. Animation of moving tracks or wheels 2. Interactive elements like hoverable/clickable vehicle parts 3. Perspective adjustments or 3D-like effects). Add 3 points for each practical innovative feature implemented (maximum 10 points).",
+      "maxScore": 10
+    },
+    {
+      "id": 6,
+      "title": "Are there any redundant features?",
+      "description": "Strictly check three types of redundancy: 1. Redundant path definitions that could be simplified 2. Excessive use of nested groups that don't serve a structural purpose 3. Overuse of filters or effects that impact performance without visual benefit. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core vehicle representation is obscured by unnecessary elements.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review naming conventions for IDs and classes, code comments explaining complex parts, separation of structure and presentation (using CSS within SVG appropriately), and overall readability. Deduct 5 points if elements lack meaningful identifiers; deduct 5 points if inline styles are used excessively where CSS would be more appropriate; deduct 5 points if the code is poorly organized making maintenance difficult. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the visual representation meet professional design standards?",
+      "description": "Evaluate whether the design follows professional principles: 1) Appropriate use of color and contrast 2) Consistent line weights and styling 3) Proper perspective and proportions. Deduct 3 points for inconsistent styling, 5 points for major perspective errors, and 5 points for poor color choices that impact visual clarity. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the dynamic interaction or visual enhancement smooth and effective?",
+      "description": "Judge whether any animations or interactive elements (if implemented) enhance the visual representation: 1) Smooth transitions if animated 2) Purposeful interactions that reveal information or enhance understanding 3) Appropriate timing for visual effects (not too fast or slow). Deduct 5 points for jarring animations, 3 points for interactions with delayed response, and 5 points for effects that distract rather than enhance. If no animation/interaction is included but the static image is excellent, score based on potential for adding such features. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "hard"
+}

package/library/svg_generation-svg_images/hand-thumbs-up-down-icon.json

@@ -0,0 +1,68 @@
+{
+  "index": 202,
+  "question": "You are a code expert, please use your professional knowledge to generate accurate, professional responses. Make sure the code you generate is executable and can be displayed.\nPlease help me implement this SVG image using code. A vector illustration featuring a hand with a thumbs up icon, juxtaposed with a thumbs down icon.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the SVG structure correctly implemented with proper vector graphics?",
+      "description": "Review whether the code accurately implements SVG elements using proper vector graphics principles, including correct use of paths, shapes, and coordinate systems for both thumbs up and thumbs down icons. Check if the hand anatomy is proportionally correct and visually recognizable. Score 0 if basic SVG structure is missing, 5 if only basic shapes are used without proper hand details, and 10 if anatomically accurate hands with proper thumb positioning are fully implemented.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Are both thumbs up and thumbs down icons properly juxtaposed and balanced?",
+      "description": "Evaluate whether both icons are implemented with proper visual balance, symmetry, and clear distinction. Check if the positioning creates effective visual contrast and the composition follows design principles. The icons should be easily distinguishable and properly aligned. Deduct 5 points if only one icon is implemented, 3 points if the positioning lacks visual balance, and 2 points if the icons are too similar in appearance. Full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the vector illustration optimized and scalable?",
+      "description": "Check whether the SVG uses proper vector optimization techniques including minimal path points, efficient use of geometric shapes, and scalable design principles. Evaluate if the illustration maintains visual quality at different sizes and uses appropriate stroke-width and fill properties. Deduct 5 points if the SVG uses excessive path points or redundant elements, 3 points if scaling issues are present, and 2 points if stroke-width is not properly defined. Full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Does the implementation include proper semantic structure and accessibility?",
+      "description": "Evaluate whether the SVG includes proper semantic elements such as title, description, and appropriate grouping with <g> elements. Check if accessibility attributes like aria-labels, role definitions, and meaningful element IDs are implemented. Deduct 5 points if no semantic structure is present, 3 points if accessibility attributes are missing, and 2 points if element grouping is poorly organized. Give 10 points if fully implemented with proper semantic structure.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code can handle common issues such as browser compatibility, invalid SVG syntax, missing viewBox attributes, and proper namespace declarations. Code with strong robustness should include fallback mechanisms and proper error handling for SVG rendering issues, giving 10 points. If the robustness is average, give 5 points, and if no error handling or compatibility considerations are present, give 0 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 5,
+      "title": "Are there any innovative features that are eye-catching?",
+      "description": "Check whether the code includes surprise features that enhance the visual experience (e.g., 1. Interactive hover effects with CSS animations 2. Gradient fills or shadow effects 3. Responsive design adaptations 4. Smooth transition animations between states). Add 3 points for each practical innovative feature implemented (maximum 10 points).",
+      "maxScore": 10
+    },
+    {
+      "id": 6,
+      "title": "Are there any redundant features?",
+      "description": "Strictly check three types of redundancy: 1. Redundant SVG elements or duplicate paths 2. Unnecessary styling or effects that don't enhance the core illustration 3. Overly complex implementations where simple solutions would suffice. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core illustration clarity is compromised by redundant code.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review code organization (such as proper SVG grouping, consistent naming conventions, and clean structure), reusability of components, and maintainability. Deduct 5 points if inconsistent naming or poor code organization is found; deduct 5 points if the code structure is not modular or reusable; deduct 5 points if the SVG lacks proper documentation or comments. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the visual design meet professional illustration standards?",
+      "description": "Evaluate whether the overall design follows modern vector illustration principles: 1) Harmonious color palette with proper contrast ratios 2) Consistent line weights and styling 3) Professional iconographic design with clear visual hierarchy 4) Proper proportions and anatomical accuracy for hand representation. Deduct 3 points for each visual inconsistency, 5 points for poor color choices or contrast, and 5 points for anatomically incorrect or unprofessional appearance. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the SVG rendering performance optimized and display quality excellent?",
+      "description": "Judge whether the SVG renders smoothly across different devices and browsers: 1) Proper viewBox and aspect ratio settings 2) Optimized file size without quality loss 3) Sharp rendering at various zoom levels 4) Consistent appearance across different browsers. Deduct 5 points for rendering issues or pixelation, 3 points for poor performance or large file size, and 5 points for inconsistent cross-browser appearance. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "easy"
+}

package/library/svg_generation-svg_images/human-ear-hearing-organ-svg-image.json

@@ -0,0 +1,68 @@
+{
+  "index": 115,
+  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Make sure the code you generate is executable for demonstration whenever possible. Please help me implement this SVG image using code. The ear is the human organ for hearing and the sense of listening to sound and noise.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the basic SVG ear anatomy correctly implemented?",
+      "description": "Review whether the code accurately implements the primary anatomical features of the human ear (outer ear, middle ear, inner ear) through SVG paths and elements. Score 0 if only a simplified outline is created, 5 if the main visible structures are implemented, and 10 if all anatomical structures (including internal components like cochlea, auditory canal, etc.) are accurately represented with proper proportions.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Are the SVG paths anatomically accurate and detailed?",
+      "description": "Examine the path definitions for anatomical accuracy. Check whether bezier curves and line segments properly follow the natural curvature of ear structures. Verify that the helix, antihelix, tragus, lobule, and other ear components are accurately represented. Deduct 3 points for each significant anatomical inaccuracy, and 5 points if the proportions between different ear parts are incorrect. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the SVG rendering optimized with appropriate attributes?",
+      "description": "Evaluate whether the code uses appropriate SVG attributes for element optimization (viewBox, preserveAspectRatio, etc.) and whether the coordinate system is properly defined. Check for proper use of groups (<g>), reusable components (symbols, defs), and efficient path commands. Deduct 3 points for inefficient SVG structure, 5 points for missing viewBox definition, and 3 points for unnecessarily verbose path commands. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Does the implementation include educational or interactive elements related to hearing function?",
+      "description": "Assess whether the code implements educational features that explain the hearing process or ear functionality. Check for hover explanations, animated sound wave visualization, or labeled anatomical parts. Score 0 if the image is purely static with no educational elements, 5 if basic labels or tooltips are included, and 10 if comprehensive interactive educational features explain the hearing process.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code can handle different display environments (browser compatibility, responsiveness), includes fallback options, and provides appropriate error handling for animations or interactions. Code with strong robustness should be able to effectively handle edge cases like resizing, giving 10 points. If the robustness is average, give 5 points, and if no safeguards are implemented, 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 wave visualization when interacting with the ear 2. Cross-sectional view transitions 3. Animated explanation of how sound travels through the ear). 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 could be consolidated 2. Unnecessary animations or effects unrelated to ear function demonstration 3. Excessive detail that impacts performance without adding educational value. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core anatomical representation is obscured by redundant elements.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review modular design (such as separating structure/style/interaction concerns), code reusability, and maintainability. Deduct 5 points if inline styles are overused instead of CSS classes; deduct 5 points if the code contains duplicated path definitions that could be reused; 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 anatomical illustration standards?",
+      "description": "Evaluate whether the overall design follows professional medical illustration principles: 1) Appropriate color scheme for anatomical clarity 2) Proper use of shading and gradients to indicate depth 3) Clear visual distinction between different ear structures. Deduct 3 points for each anatomical misrepresentation, 5 points for confusing or unrealistic coloring, and 5 points for poor visual hierarchy that makes structures difficult to distinguish. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the dynamic interaction smooth and educational?",
+      "description": "Judge whether any interactive elements enhance understanding of ear function: 1) Transitions between different ear views are smooth (300-500ms) 2) Hover/click interactions provide meaningful information 3) Any sound-related animations accurately represent acoustic principles. Deduct 5 points for jarring or scientifically inaccurate animations, 3 points for interactions without educational purpose, and 5 points for missed opportunities to demonstrate how sound affects the ear. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "hard"
+}

package/library/svg_generation-svg_images/implement-spray-paint-effect-mouse-svg.json

@@ -0,0 +1,68 @@
+{
+  "index": 419,
+  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Be sure to provide executable code for demonstration. Help me implement a spray paint-like effect using mouse and SVG.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the spray paint basic functionality implemented correctly?",
+      "description": "Review whether the code implements the fundamental spray paint effect using SVG, including random particle generation within a circular area around the mouse pointer. Score 0 if the spray functionality is missing, 5 if basic spray is implemented but lacks randomness or proper distribution, and 10 if the spray effect looks natural with proper density and dispersion patterns.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is mouse interaction properly handled for the spray paint effect?",
+      "description": "Check if the code correctly handles mouse events (mousedown, mousemove, mouseup) to create continuous painting when dragging and properly stops when released. Verify if it includes both click-to-spray and drag-to-spray capabilities. Deduct 5 points if only one mouse event type is supported, 3 points if event listeners aren't properly removed when needed. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Are spray paint customization options provided?",
+      "description": "Evaluate whether the code allows for customization of spray parameters such as spray radius, density, color, opacity, and particle size. Score 0 if no customization options exist, 5 if only basic color/size options are available, and 10 if comprehensive controls for all spray properties are implemented with intuitive interfaces.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is the SVG implementation efficient and performant?",
+      "description": "Assess whether the code uses SVG efficiently by examining if it: properly manages DOM elements (creating/removing nodes to prevent excessive memory usage), uses appropriate SVG elements for spray particles, and maintains good performance even with many particles. Deduct 5 points if frame rate drops noticeably during usage, 5 points if memory usage grows uncontrollably. 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 rapid mouse movements, browser resize events, touch inputs on mobile devices) and provide graceful degradation 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. Pressure sensitivity support for tablets 2. Texture/pattern options for spray particles 3. Undo/redo functionality 4. Save/export canvas as image). Add 2.5 points for each practical innovative feature implemented (maximum 10 points).",
+      "maxScore": 10
+    },
+    {
+      "id": 6,
+      "title": "Are there any redundant features?",
+      "description": "Strictly check three types of redundancy: 1. Redundant event listeners that could cause memory leaks 2. Unnecessary calculations in animation loops 3. Fancy effects that severely affect performance (e.g., excessive particle effects). Deduct 3 points for each redundancy found, and directly deduct 10 points if the core functions are interfered with by redundant code.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review modular design (such as separating spray logic/UI controls/event handling), code reusability, and maintainability. Deduct 5 points if global state pollution is found or proper encapsulation is not used; deduct 5 points if the code duplication rate is too high (over 30%); deduct 5 points if there's no separation of concerns between rendering and business logic. 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) Clean canvas area with proper contrast between UI controls and drawing area 2) Proper layout spacing for control panels (element spacing follows the 8px multiple principle) 3) Intuitive iconography for spray tools. Deduct 3 points for cluttered UI elements, 5 points for poor contrast making the spray effect hard to see, and 5 points for confusing tool indicators. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the spray painting interaction smooth and realistic?",
+      "description": "Judge whether the spray effect feels natural and responsive: 1) Spray response time ≤ 50ms 2) Particle rendering doesn't lag behind cursor movement 3) Natural-looking spray dispersion pattern similar to real spray paint. Deduct 5 points for noticeable lag between mouse movement and spray rendering, 3 points for unnatural particle distribution patterns, and 5 points for jarring transitions when changing spray parameters. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "medium"
+}