@getollie/cli 0.0.5 → 0.2.1

package/library/svg_generation-svg_images/svg-dynamically-rotating-gears-animation.json

@@ -1,68 +0,0 @@
-{
-  "index": 103,
-  "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 when possible.\nPlease help me use code to implement the following requirement, using SVG code to create: Design a mechanical device with dynamically rotating gears, using <path> and <animateTransform> elements to create gear rotation animations.",
-  "checklist": [
-    {
-      "id": 0,
-      "title": "Gear Geometrical Implementation",
-      "description": "Review whether the SVG code accurately implements gear teeth using <path> elements with proper mathematical calculations. Check if the teeth profiles are geometrically correct using involute curves or appropriate approximations. Score 0 if gears are just basic circles, 5 if teeth are represented but geometrically inaccurate, and 10 if teeth are precisely calculated with proper involute profiles.",
-      "maxScore": 10
-    },
-    {
-      "id": 1,
-      "title": "Mechanical Rotation Animation",
-      "description": "Evaluate whether <animateTransform> is correctly implemented to create smooth gear rotations around proper centers. Verify that rotation speed is consistent with gear ratios (larger gears should rotate slower than smaller ones in proper proportion to their diameters). Deduct 5 points if animations are jerky or inconsistent, and 3 points if rotation centers are improperly positioned. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 2,
-      "title": "Gear Meshing Mechanics",
-      "description": "Check if the code implements proper gear meshing with teeth that correctly interlock without overlap or gaps. Verify that the rotation directions of adjacent gears are opposite (clockwise vs counter-clockwise). Deduct 5 points if gears visibly overlap or have significant gaps, and 3 points if rotation directions are incorrect. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 3,
-      "title": "Mechanical System Complexity",
-      "description": "Assess the complexity of the mechanical system. Check for the inclusion of different gear types (spur gears, bevel gears, planetary gears), gear trains, or compound mechanisms. Award 3 points for basic gear pairs, 7 points for intermediate complexity with 3-5 interacting gears, and 10 points for complex gear trains with multiple interconnected mechanisms or planetary gear systems.",
-      "maxScore": 10
-    },
-    {
-      "id": 4,
-      "title": "Code Robustness",
-      "description": "Evaluate whether the code can handle parameter changes without breaking (such as changing gear sizes, teeth counts, or rotation speeds). Check for the use of variables and parameterized functions rather than hard-coded values. Code with strong robustness should be adaptable and scale without visual artifacts, giving 10 points. If the robustness is average, give 5 points, and if changes would break the implementation, give 0 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 5,
-      "title": "Innovative Features",
-      "description": "Check whether the code includes surprise features that enhance the visualization (e.g., 1. User-interactive controls for speed/direction 2. Dynamic gear highlighting on mouseover 3. Physical simulation elements like friction or inertia). Add 3 points for each practical innovative feature implemented (maximum 10 points).",
-      "maxScore": 10
-    },
-    {
-      "id": 6,
-      "title": "Redundant Implementation",
-      "description": "Strictly check three types of redundancy: 1. Duplicate definitions of similar gear elements 2. Unused or non-contributing graphical elements 3. Over-complex animations that harm performance without adding visual value. Deduct 3 points for each redundancy found, and directly deduct 10 points if core mechanics are obscured by unnecessary code.",
-      "maxScore": 10
-    },
-    {
-      "id": 7,
-      "title": "Engineering Quality",
-      "description": "Review modular SVG structure (such as using <defs> and <use> for repeated elements, organizing with <g> groups), code maintainability, and optimization. Deduct 5 points if global attributes pollute elements; deduct 5 points if the code has excessive repetition instead of reusable components; deduct 5 points if the SVG lacks proper viewBox settings or optimization. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 8,
-      "title": "Visual Design Quality",
-      "description": "Evaluate whether the mechanical device has professional visual design: 1) Appropriate color scheme for mechanical components (not exceeding 3 primary colors) 2) Proper proportions and balanced layout 3) Visual depth using gradients, shadows, or highlights. Deduct 3 points for visually imbalanced elements, 5 points for unrealistic mechanical appearance, and 5 points for poor use of space. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 9,
-      "title": "Animation Smoothness",
-      "description": "Judge whether the gear animations provide a realistic mechanical feel: 1) Consistent rotation speeds based on gear ratios 2) Smooth transitions without jumps or flickers 3) Appropriate animation timing for mechanical movement (not too fast or too slow). Deduct 5 points for jerky animations, 3 points for unrealistic movement physics, and 5 points for performance issues causing frame drops. The full score is 10 points.",
-      "maxScore": 10
-    }
-  ],
-  "class": "SVG Generation-SVG Images",
-  "difficulty": "hard"
-}

package/library/svg_generation-svg_images/svg-eye-with-medicine-drops.json

@@ -1,68 +0,0 @@
-{
-  "index": 67,
-  "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.\nPlease help me implement the following requirement using code. Create using SVG code: an eye with liquid medicine drops falling from it, with matching colors.",
-  "checklist": [
-    {
-      "id": 0,
-      "title": "Is the eye anatomical structure accurately represented in SVG?",
-      "description": "Evaluate whether the SVG code correctly depicts the eye's anatomical elements (sclera, iris, pupil, eyelids, tear ducts). Deduct 3 points if major anatomical structures are missing, 2 points if proportions are unrealistic. Full implementation with anatomical accuracy scores 10 points, basic implementation scores 5 points, and poor implementation scores 0 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 1,
-      "title": "Are the liquid medicine drops effectively animated?",
-      "description": "Check if the animation shows drops forming, detaching, falling with gravity, and potentially splashing/dispersing. The animation should use appropriate SVG animation techniques (SMIL or CSS). Deduct 5 points if the animation is jerky or unrealistic, 3 points if timing feels unnatural. Full score requires physics-based movement with proper acceleration.",
-      "maxScore": 10
-    },
-    {
-      "id": 2,
-      "title": "Is the color matching appropriate for the medical context?",
-      "description": "Assess whether the colors used for the eye and medicine drops are appropriate (typically blue/green/purple for eye medication). Score 10 points for a cohesive, intentional color scheme that enhances the medical visualization, 5 points for basic appropriate colors, 0 points for jarring or unrealistic color combinations that detract from the medical context.",
-      "maxScore": 10
-    },
-    {
-      "id": 3,
-      "title": "Is the SVG implementation technically sound?",
-      "description": "Review the SVG code structure for proper use of paths, groups, gradients, and other SVG elements. Check for optimization of code (no redundant elements, appropriate use of transforms). Deduct 5 points for implementation that could be significantly optimized, 3 points if basic SVG principles are violated.",
-      "maxScore": 10
-    },
-    {
-      "id": 4,
-      "title": "Is the code robust?",
-      "description": "Evaluate whether the code can handle different viewport sizes, browser compatibility, and provides fallbacks if needed. Code with strong robustness should adapt to different display contexts, giving 10 points. If the implementation breaks in common scenarios, give 5 points, and if major compatibility issues exist, give 0 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 5,
-      "title": "Are there any innovative features that are eye-catching?",
-      "description": "Check whether the code includes surprise features that enhance the visualization (e.g., 1. Interactive elements responding to user input 2. Realistic liquid physics simulation 3. Environmental reflections 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. Redundant SVG elements that could be grouped or reused 2. Visual elements unrelated to the eye/medicine drops context 3. Excessive effects that negatively impact performance or clarity. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core visualization is obscured by redundant elements.",
-      "maxScore": 10
-    },
-    {
-      "id": 7,
-      "title": "Does the code have engineering quality?",
-      "description": "Review modular design (such as grouping related SVG elements, using reusable components), code readability (meaningful ids/classes), and implementation efficiency. Deduct 5 points if the SVG structure is chaotic; deduct 5 points if the code is excessively verbose without comments; deduct 5 points if basic optimizations are missing. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 8,
-      "title": "Does the interface vision meet professional design standards?",
-      "description": "Evaluate whether the overall design follows modern design principles: 1) Harmonious color matching (no more than 3 primary colors) 2) Proper visual hierarchy and focus 3) Balanced proportions and composition. Deduct 3 points for each visual distraction, 5 points for poor fundamental design choices, and 5 points for lack of visual coherence. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 9,
-      "title": "Is the dynamic interaction smooth and seamless?",
-      "description": "Judge whether the animation effects conform to human perception characteristics: 1) Smooth transitions without jank 2) Animation timing that feels natural and intentional 3) Appropriate easing functions for liquid movement. Deduct 5 points for jerky animations, 3 points for timing that feels unnatural, and 5 points for animations that disrupt the medical visualization context. The full score is 10 points.",
-      "maxScore": 10
-    }
-  ],
-  "class": "SVG Generation-SVG Images",
-  "difficulty": "easy"
-}

package/library/svg_generation-svg_images/svg-fast-stopwatch-image.json

@@ -1,68 +0,0 @@
-{
-  "index": 96,
-  "question": "You are a code expert. Please use your professional knowledge to generate accurate, expert responses. Take care to ensure that any code you generate is executable and can be demonstrated. Please help me implement this SVG image using code. The stopwatch is fast.",
-  "checklist": [
-    {
-      "id": 0,
-      "title": "Is the SVG stopwatch correctly implemented with all visual components?",
-      "description": "Check if the SVG code includes all essential stopwatch elements: circular body, face with proper markings/numbers, central pivot, second/minute/hour hands, and top button(s). Deduct 3 points for each missing visual element. The stopwatch should have proper proportions and clear visual hierarchy. Score 0 if the basic structure is absent, 5 if some elements are missing or misaligned, and 10 if all elements are present and accurately positioned.",
-      "maxScore": 10
-    },
-    {
-      "id": 1,
-      "title": "Is the stopwatch animation properly implemented?",
-      "description": "Evaluate the animation of the fast-moving second hand (and potentially other hands). Check for smooth continuous motion using requestAnimationFrame() or SVG animation elements (SMIL) rather than setTimeout/setInterval. The motion should be fluid without jerking. Deduct 5 points if the animation is choppy or uses inefficient methods, and 3 points if the timing is inaccurate. Give 10 points for buttery-smooth 60fps animation with precise timing.",
-      "maxScore": 10
-    },
-    {
-      "id": 2,
-      "title": "Is the stopwatch functionality complete with proper timing mechanisms?",
-      "description": "Assess if the stopwatch provides expected functions: start, stop, reset, and potentially lap timing. Check if the code implements precise time tracking (high-resolution timestamps, performance.now() or similar). The stopwatch should maintain accuracy even after running for extended periods. Deduct 5 points if drift exceeds 1 second per minute of runtime. Give 10 points for a complete implementation with high precision timing.",
-      "maxScore": 10
-    },
-    {
-      "id": 3,
-      "title": "Does the implementation include interactive controls?",
-      "description": "Check whether the SVG includes interactive elements for controlling the stopwatch (clickable buttons or touch areas). Interaction should provide visual feedback (hover/active states) and include proper event handling. Deduct 3 points if controls lack visual feedback, 5 points if they're unresponsive, and 5 points if accessibility features (keyboard navigation, ARIA attributes) are missing. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 4,
-      "title": "Is the code robust?",
-      "description": "Evaluate whether the code can handle common abnormal situations (such as browser compatibility issues, rapid clicking, extreme timing values, etc.) and provide friendly error handling. Code with strong robustness should be able to effectively handle edge cases, giving 10 points. If the robustness is average, give 5 points, and if no exceptions are handled, give 0 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 5,
-      "title": "Are there any innovative features that are eye-catching?",
-      "description": "Check whether the code includes surprise features that enhance the experience (e.g., 1. Sound effects for button clicks/timer completion 2. Realistic shadows or lighting effects 3. Physics-based animations like spring effects when stopping). Add 3 points for each practical innovative feature implemented (maximum 10 points).",
-      "maxScore": 10
-    },
-    {
-      "id": 6,
-      "title": "Are there any redundant features?",
-      "description": "Strictly check three types of redundancy: 1. Redundant implementation of similar functions (e.g., multiple animation systems running simultaneously) 2. Function modules unrelated to stopwatch functionality 3. Fancy effects that affect performance (e.g., unnecessary particle effects or glow filters). Deduct 3 points for each redundancy found, and directly deduct 10 points if the core functions are interfered with by redundant code.",
-      "maxScore": 10
-    },
-    {
-      "id": 7,
-      "title": "Does the code have engineering quality?",
-      "description": "Review modular design (such as separating rendering/animation/interactivity logic), code organization, and proper use of SVG features. Deduct 5 points if global namespace pollution is found; deduct 5 points if the code has excessive duplication; deduct 5 points if SVG attributes are hardcoded instead of parameterized. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 8,
-      "title": "Does the interface vision meet professional design standards?",
-      "description": "Evaluate whether the stopwatch design follows modern design principles: 1) Harmonious color matching (no more than 3 primary colors) 2) Proper layout and proportions (consistent stroke widths, appropriate scaling) 3) Professional typography for numbers and labels (legible at all sizes). Deduct 3 points for inconsistent visual elements, 5 points for poor color choices, and 5 points for illegible text or markings. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 9,
-      "title": "Is the dynamic interaction smooth and seamless?",
-      "description": "Judge whether the dynamic effects conform to human perception characteristics: 1) Click feedback delay ≤ 100ms 2) Smooth transitions when starting/stopping 3) Appropriate easing functions for realistic motion. Deduct 5 points for each operation without feedback, 3 points for jerky animations, and 5 points for unrealistic or physically implausible movements (like instant stops with no deceleration). The full score is 10 points.",
-      "maxScore": 10
-    }
-  ],
-  "class": "SVG Generation-SVG Images",
-  "difficulty": "hard"
-}

package/library/svg_generation-svg_images/svg-gray-game-controller-purple-buttons.json

@@ -1,68 +0,0 @@
-{
-  "index": 108,
-  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Ensure that the code you generate is executable for demonstration.\nPlease help me implement the following requirement using code. Create using SVG code: a gray game controller with purple buttons.",
-  "checklist": [
-    {
-      "id": 0,
-      "title": "Is the SVG game controller correctly structured and defined?",
-      "description": "Review whether the SVG has a proper viewport/viewBox setup, correct use of SVG namespaces, and appropriate dimensions for display. Check if the base structure uses proper SVG elements (rect, path, circle, etc.) for the controller body. Deduct 5 points for missing viewBox, 5 points for improper dimensions, and 5 points for incorrect SVG structure. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 1,
-      "title": "Is the game controller visually accurate and recognizable?",
-      "description": "Evaluate whether the SVG resembles a standard game controller with recognizable features (d-pad, analog sticks, action buttons, shoulder buttons). Score 0 if the shape is unrecognizable as a controller, 5 if it has basic controller features but with proportional issues, and 10 if it accurately depicts a realistic game controller with proper proportions.",
-      "maxScore": 10
-    },
-    {
-      "id": 2,
-      "title": "Are the specified colors correctly implemented?",
-      "description": "Check whether the controller body uses gray color and the buttons use purple color as specified in the requirements. The gray should be an appropriate shade (not too dark or too light) and the purple should be visually distinct. Deduct 5 points if the gray color isn't used for the body, 5 points if the buttons aren't purple, and 3 points if the shades chosen are inappropriate. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 3,
-      "title": "Does the SVG include visual details and depth effects?",
-      "description": "Evaluate whether the implementation includes visual details like gradients, shadows, highlights, or other techniques to create a 3D effect or depth for the controller. Deduct 5 points for completely flat design without any depth cues, 3 points for minimal depth effects, and give full 10 points for professional-level shading and depth effects.",
-      "maxScore": 10
-    },
-    {
-      "id": 4,
-      "title": "Is the code robust?",
-      "description": "Evaluate whether the SVG code is well-formed, valid, and compatible with standard browsers. Check for proper closing tags, valid attribute values, and absence of errors. Code with strong robustness should be able to render correctly across different browsers and contexts, giving 10 points. If there are minor issues that don't affect rendering, give 5 points, and if there are critical issues that break rendering, 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 experience (e.g., 1. Interactive button press animations 2. Glowing effects 3. Creative interpretations of a game controller). 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 serve no purpose 2. Excessive detail that increases file size without visual benefit 3. Unnecessary animations or effects that distract from the main visual. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core visualization is obscured by redundant elements.",
-      "maxScore": 10
-    },
-    {
-      "id": 7,
-      "title": "Does the code have engineering quality?",
-      "description": "Review proper organization of SVG elements (logical grouping), use of reusable components, and optimization for file size. Deduct 5 points if elements aren't logically grouped; deduct 5 points if there's excessive code duplication instead of reusable patterns; deduct 5 points if the SVG isn't optimized (unnecessary decimal points, verbose paths). 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) Consistent stroke widths 2) Proper proportions between elements 3) Professional finish without jagged edges. Deduct 3 points for inconsistent stroke widths, 5 points for disproportionate elements, and 5 points for poor edge quality. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 9,
-      "title": "Is there interactivity or potential for animation?",
-      "description": "Judge whether the SVG includes or is structured to allow for interactivity or animations: 1) Button states that could be animated 2) Elements with proper IDs for targeting with JavaScript 3) Organized layers that could be independently animated. Deduct 5 points if the SVG structure prevents easy animation, 3 points if only basic hover effects are possible, and 5 points if the SVG has no elements that could be targeted for interaction. The full score is 10 points.",
-      "maxScore": 10
-    }
-  ],
-  "class": "SVG Generation-SVG Images",
-  "difficulty": "easy"
-}

package/library/svg_generation-svg_images/svg-information-card-generator.json

@@ -1,68 +0,0 @@
-{
-  "index": 1388,
-  "question": "You are a code expert, please use your professional knowledge to generate accurate and professional responses. Try to ensure that the generated code is executable for display. Please generate an SVG information card based on the user's content with the following characteristics:\n\n# Basic Layout:\n- Canvas size: 800x500\n- Background: White (#ffffff), 15px rounded corners\n- Padding: Light gray background (#f8f9fa), 10px margin, 10px rounded corners, light gray border (#e9ecef)\n\n# Title Section:\n- Position: Top left (40, 50)\n- Font: Arial, 24px, bold\n- Color: Google Blue (#1a73e8)\n- Divider line below\n\n# Content Cards:\n- Generate reasonable card types, quantity, and layout based on content, without overlapping\n- Card background: Light blue (#e8f0fe)\n- Rounded corners: 8px\n- Content padding: 20px\n- Title: 18px, bold, with emoji icon\n- Body text: 14px, dark gray (#202124)\n\n# Bottom Signature:\n- Left side: Date\n- Right side: Author signature: Panda Jay\n- Font: Arial, 14px\n- Color: Gray (#5f6368)\n\n# Color Scheme:\n- Primary color: #1a73e8 (Google Blue)\n- Background: #ffffff (White)\n- Card: #e8f0fe (Light blue)\n- Border: #e9ecef (Light gray)\n- Text: #202124 (Dark gray)\n\n# Notes:\n1. All text should use Arial font\n2. Titles should be paired with appropriate emojis\n3. Content should wrap automatically based on length\n4. Maintain consistent spacing and whitespace\n5. Content must not overlap or obscure other elements\n\n# Initialization:\nNow ask the user what content they would like to generate as a card.",
-  "checklist": [
-    {
-      "id": 0,
-      "title": "Is the SVG information card basic layout properly implemented?",
-      "description": "Check if the SVG canvas is correctly sized at 800x500, has a white background (#ffffff) with 15px rounded corners, and includes the specified padding with light gray background (#f8f9fa), 10px margin, 10px rounded corners, and light gray border (#e9ecef). Inspect the SVG viewBox attribute and root element styling. Score 0 if basic layout is missing, 5 if partially implemented with incorrect dimensions or styling, and 10 if fully implemented according to specifications.",
-      "maxScore": 10
-    },
-    {
-      "id": 1,
-      "title": "Is the title section correctly positioned and styled?",
-      "description": "Verify that the title is positioned at top left (40, 50), uses Arial font at 24px bold, is colored in Google Blue (#1a73e8), and has a divider line below it. Check SVG text element attributes and styling. Deduct 2 points if position is incorrect, 2 points if font styling is wrong, 2 points if color doesn't match specifications, and 4 points if divider line is missing. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 2,
-      "title": "Are the content cards properly designed and laid out?",
-      "description": "Evaluate if the content cards have light blue background (#e8f0fe), 8px rounded corners, 20px content padding, 18px bold titles with emoji icons, and 14px dark gray (#202124) body text. Check for proper spacing and no overlapping elements. Deduct 3 points for missing card styling, 3 points for incorrect text formatting, and 4 points if cards overlap or are poorly arranged. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 3,
-      "title": "Is the bottom signature section implemented correctly?",
-      "description": "Check if the bottom signature includes date on the left side and 'Panda Jay' author signature on the right side, with Arial 14px font in gray (#5f6368) color. Verify proper positioning and alignment. Deduct 5 points if either date or signature is missing, and 5 points if the styling or positioning is incorrect. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 4,
-      "title": "Is the code robust?",
-      "description": "Evaluate whether the code can handle various input situations (empty content, very long text, special characters, etc.) and maintain proper display. Check if the SVG includes text wrapping for long content and handles special characters correctly. 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 edge cases 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. Hover effects or animations 2. Interactive elements 3. Dynamic content resizing 4. Creative use of SVG filters or gradients). Add 3 points for each practical innovative feature implemented (maximum 10 points).",
-      "maxScore": 10
-    },
-    {
-      "id": 6,
-      "title": "Are there any redundant features?",
-      "description": "Strictly check three types of redundancy: 1. Redundant SVG elements or styling definitions 2. Excessive nesting or grouping that complicates the structure 3. Fancy effects that affect rendering performance. 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 layout/styling/content generation), reusable components, and maintainability. Deduct 5 points if inline styling is overused instead of defined attributes; deduct 5 points if similar elements have duplicated definitions instead of reusing patterns; deduct 5 points if the code lacks proper organization or comments. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 8,
-      "title": "Does the interface vision meet professional design standards?",
-      "description": "Evaluate whether the overall design follows modern design principles: 1) Harmonious color matching (adhering to the specified color scheme) 2) Proper layout spacing (consistent margins and padding) 3) Professional typography (proper font sizes and weights). Deduct 3 points for each inconsistent visual element, 5 points for deviations from the specified color scheme, and 5 points for chaotic text layout or improper spacing. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 9,
-      "title": "Is the text handling properly implemented?",
-      "description": "Judge whether the text implementation meets requirements: 1) All text uses Arial font 2) Titles are paired with appropriate emojis 3) Content wraps automatically based on length 4) Maintains consistent spacing 5) No text overlaps or obscures other elements. Deduct 2 points for each missing text requirement, with specific attention to text wrapping implementation which is critical for SVG. The full score is 10 points.",
-      "maxScore": 10
-    }
-  ],
-  "class": "SVG Generation-SVG Images",
-  "difficulty": "hard"
-}

package/library/svg_generation-svg_images/svg-kyle-broflovski-winter-hat.json

@@ -1,68 +0,0 @@
-{
-  "index": 145,
-  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Ensure that the code you produce is executable for demonstration purposes.\nPlease help me implement the following requirements using code. Create an SVG that shows Kyle Broflovski from South Park wearing his winter hat.",
-  "checklist": [
-    {
-      "id": 0,
-      "title": "Is the basic shape of Kyle Broflovski's head accurately implemented?",
-      "description": "Check whether the SVG correctly renders Kyle's round face with appropriate dimensions, skin tone, and facial structure. The head should have the characteristic South Park style with simple shapes. Score 0 if the face is missing or unrecognizable, 5 if basic shape is present but proportions are off, and 10 if the head is accurately depicted in South Park style.",
-      "maxScore": 10
-    },
-    {
-      "id": 1,
-      "title": "Is Kyle's iconic green ushanka (winter hat) properly implemented?",
-      "description": "Verify if the SVG includes Kyle's signature green winter hat with earflaps and proper positioning on his head. The hat should be the correct shade of green and cover most of his hair except for the distinctive red curls that may peek out. Deduct 5 points if the hat color is incorrect, 3 points if the shape is wrong, and 7 points if the hat is missing entirely. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 2,
-      "title": "Are Kyle's facial features correctly rendered?",
-      "description": "Evaluate whether the SVG includes Kyle's characteristic facial features: wide eyes, small nose, simple mouth, and other South Park style facial elements. Ensure the facial expression is appropriate. Deduct 3 points if any major feature is missing, 2 points if proportions are incorrect, and 5 points if the features don't resemble Kyle's character. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 3,
-      "title": "Is Kyle's iconic red/orange hair (curls) visible where appropriate?",
-      "description": "Check if the SVG shows Kyle's characteristic red/orange curly hair peeking out from under his hat, typically visible at the sides or bottom. This is a defining feature of his character. Deduct 5 points if the hair is the wrong color, 3 points if it's not curly, and 7 points if it's missing completely. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 4,
-      "title": "Is the code robust?",
-      "description": "Evaluate whether the SVG code is well-structured, using proper grouping (<g> elements), appropriate naming conventions, and whether it would display consistently across browsers. Code with strong robustness should use viewBox for scaling, include appropriate fallbacks, and handle rendering correctly. Give 10 points for excellent robustness, 5 points for average implementation, and 0 points if the SVG won't render properly across platforms.",
-      "maxScore": 10
-    },
-    {
-      "id": 5,
-      "title": "Are there any innovative features that are eye-catching?",
-      "description": "Check whether the SVG includes surprise features that enhance the experience (e.g., 1. Animation of Kyle's expressions 2. Interactive elements that respond to user input 3. Dynamic color adjustments). 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 shapes or paths that could be simplified 2. Elements unrelated to Kyle's character (e.g., unrelated background elements) 3. Excessive detail that complicates the SVG without adding to the South Park style. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core character is obscured by redundant elements.",
-      "maxScore": 10
-    },
-    {
-      "id": 7,
-      "title": "Does the code have engineering quality?",
-      "description": "Review the organization of SVG elements, use of CSS (either inline or external), optimization of paths, and appropriate use of SVG features like groups, symbols, or reusable components. Deduct 5 points for excessive inline styles instead of grouped CSS; deduct 5 points for unnecessarily complex paths or unoptimized code; deduct 5 points for lack of comments or documentation. 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 the South Park aesthetic while maintaining quality: 1) Color accuracy matching the show's palette 2) Proper proportions consistent with the character's appearance 3) Clean lines and shapes without jagged edges. Deduct 3 points for each significant deviation from South Park's style, 5 points for poor color choices, and 5 points for messy implementation. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 9,
-      "title": "Is the implementation complete and faithful to the character?",
-      "description": "Judge how well the overall SVG captures Kyle's essence: 1) Immediately recognizable as Kyle 2) Maintains South Park's characteristic style 3) Includes all defining visual elements of the character. Deduct 5 points if the character could be confused with another South Park character, 3 points if key identifying features are poorly executed, and 5 points if the SVG fails to evoke Kyle's character. The full score is 10 points.",
-      "maxScore": 10
-    }
-  ],
-  "class": "SVG Generation-SVG Images",
-  "difficulty": "hard"
-}

package/library/svg_generation-svg_images/svg-leaning-tower-of-pisa-italy.json

@@ -1,68 +0,0 @@
-{
-  "index": 124,
-  "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.\nPlease help me implement this SVG image using code. The Tower of Pisa is a leaning building in Italy that is a popular tourist attraction.",
-  "checklist": [
-    {
-      "id": 0,
-      "title": "Is the Tower of Pisa structure accurately represented?",
-      "description": "Review whether the SVG code accurately captures the iconic architectural features of the Tower of Pisa: the cylindrical tower structure with multiple levels (8 floors), distinctive arched galleries on each level, the characteristic lean angle (approximately 3.97 degrees), and proper proportional relationships between tower height and width. Score 0 if basic tower structure is missing, 5 if only a simple leaning cylinder is implemented, and 10 if all architectural details including arches, columns, and proper proportions are accurately rendered.",
-      "maxScore": 10
-    },
-    {
-      "id": 1,
-      "title": "Are the architectural details and decorative elements properly implemented?",
-      "description": "Check whether the SVG includes detailed architectural elements such as: romanesque arched galleries, column capitals, blind arcades on the ground floor, decorative moldings between levels, and the bell chamber at the top. Evaluate the use of appropriate SVG elements (circles, paths, polygons) to create realistic architectural textures. Deduct 3 points for each missing major architectural feature, and 2 points for oversimplified decorative elements. Full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 2,
-      "title": "Is the perspective and dimensional accuracy maintained?",
-      "description": "Evaluate whether the SVG demonstrates proper understanding of 3D perspective representation in 2D space: correct foreshortening of the leaning structure, appropriate shadow casting, depth perception through overlapping elements, and consistent vanishing point perspective. The lean should be visually convincing and geometrically accurate. Deduct 5 points if the perspective is flat or incorrect, 3 points if shadows are inconsistent with the light source. Full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 3,
-      "title": "Is the surrounding environment and context appropriately rendered?",
-      "description": "Check whether the code includes contextual elements that enhance the landmark recognition: ground plane, surrounding buildings of Piazza dei Miracoli, sky background, and environmental details like trees or pathways. Evaluate whether these elements complement rather than overshadow the main structure. Deduct 5 points if no environmental context is provided, 3 points if the context elements are disproportionate or historically inaccurate. Full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 4,
-      "title": "Is the code robust?",
-      "description": "Evaluate whether the SVG code can handle common scenarios (different viewport sizes, browser compatibility, scaling without quality loss) and includes proper error handling for missing elements or malformed paths. Code with strong robustness should maintain visual integrity across different rendering contexts, giving 10 points. If the robustness is average, give 5 points, and if no stability considerations 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 visual experience (e.g., 1. Interactive hover effects revealing architectural details 2. Animated tourists or birds around the tower 3. Day/night lighting transitions 4. Subtle animation of the tower's lean progression over time). 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 achieving the same visual effect 2. Overly complex path definitions that could be simplified 3. Unnecessary decorative elements that detract from landmark recognition. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core landmark features are obscured by redundant visual elements.",
-      "maxScore": 10
-    },
-    {
-      "id": 7,
-      "title": "Does the code have engineering quality?",
-      "description": "Review SVG code organization (proper grouping with <g> elements, semantic naming of IDs and classes, use of <defs> for reusable elements), optimization for file size, and adherence to SVG best practices. Deduct 5 points if code structure is chaotic or paths are not optimized; deduct 5 points if no reusable components are defined for repetitive elements; deduct 5 points if accessibility attributes are missing. 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 professional illustration principles: 1) Harmonious color palette reflecting the actual limestone material (warm beiges, creams) 2) Proper contrast ratios for architectural definition 3) Consistent lighting and shadow direction 4) Appropriate level of detail without visual clutter. Deduct 3 points for unrealistic color choices, 5 points for poor contrast making details invisible, and 5 points for inconsistent artistic style. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 9,
-      "title": "Is the landmark immediately recognizable and iconic?",
-      "description": "Judge whether the SVG rendering achieves instant landmark recognition: 1) The lean angle is immediately apparent and visually striking 2) Architectural proportions match the famous silhouette 3) Key identifying features are prominent and clear 4) Overall composition creates the iconic tourist attraction impression. Deduct 5 points if the tower could be mistaken for a generic leaning structure, 3 points if the lean is too subtle to be characteristic, and 5 points if architectural details don't support landmark recognition. The full score is 10 points.",
-      "maxScore": 10
-    }
-  ],
-  "class": "SVG Generation-SVG Images",
-  "difficulty": "hard"
-}

package/library/svg_generation-svg_images/svg-line-trending-upward-trend-data.json

@@ -1,68 +0,0 @@
-{
-  "index": 110,
-  "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.\nPlease help me implement the following requirements using code. Create an SVG that shows a line trending upward with added trend data.",
-  "checklist": [
-    {
-      "id": 0,
-      "title": "Is the basic SVG implementation with an upward trending line complete?",
-      "description": "Verify that the code creates a valid SVG element with proper viewport dimensions and namespace. The line should be clearly visible, have appropriate coordinates showing an upward trend, and include proper styling. Score 0 if no SVG is implemented, 5 if basic SVG with line exists but has issues, and 10 if the implementation is complete with proper scaling and positioning.",
-      "maxScore": 10
-    },
-    {
-      "id": 1,
-      "title": "Are data points accurately represented on the trend line?",
-      "description": "Check whether the code includes a data structure (array, object) that holds the trend data points and if these points are correctly mapped to SVG coordinates. The implementation should use appropriate scaling to fit the data within the SVG viewport. Deduct 5 points if data mapping is incorrect, 3 points if scaling is improper. Full score requires precise point plotting with appropriate data-to-pixel conversion.",
-      "maxScore": 10
-    },
-    {
-      "id": 2,
-      "title": "Are axes (X and Y) properly implemented with labels and scale?",
-      "description": "Evaluate if the SVG includes X and Y axes with appropriate ticks, labels, and scale indicators. The axes should help interpret the trend data. Deduct 5 points if axes are missing, 3 points if they exist but lack proper scaling or labels. Give 10 points if axes are fully implemented with clear, properly positioned labels and appropriate scaling.",
-      "maxScore": 10
-    },
-    {
-      "id": 3,
-      "title": "Are additional trend visualization features implemented?",
-      "description": "Check for supplementary trend indicators such as trend slope calculation, moving averages, trend projection, or confidence intervals. Score 0 if no additional trend features exist, 5 if basic trend indicators are present, and 10 if comprehensive trend analysis features are implemented that enhance data interpretation.",
-      "maxScore": 10
-    },
-    {
-      "id": 4,
-      "title": "Is the code robust?",
-      "description": "Evaluate whether the code can handle various data scenarios (empty data sets, single data point, negative values, extremely large values) and browser compatibility issues. Code with strong robustness should include error handling and fallbacks. Give 10 points if all edge cases are handled, 5 points if only some are addressed, 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 surprise features that enhance the experience (e.g., 1. Interactive tooltips on hover 2. Animated trend line rendering 3. Responsive design that adjusts to container size). 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 visualization functions 2. Function modules unrelated to trend visualization 3. Fancy effects that affect performance or clarity of the trend display. 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 data processing/rendering/interaction), reusability of components, and code maintainability. Deduct 5 points if global variables are overused; deduct 5 points if the code is not organized into logical functions; deduct 5 points if there's no separation between data and presentation logic. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 8,
-      "title": "Does the interface vision meet professional data visualization standards?",
-      "description": "Evaluate whether the visualization follows best practices: 1) Appropriate color selection for trend line and background contrast 2) Proper use of whitespace around the chart 3) Professional typography for labels and titles. Deduct 3 points for cluttered visual elements, 5 points for poor color choices that hinder readability, and 5 points for improper data-ink ratio. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 9,
-      "title": "Is the dynamic interaction smooth and user-friendly?",
-      "description": "Judge whether any interactive elements enhance the trend visualization: 1) Smooth transitions when data updates 2) Clear feedback on user interactions 3) Appropriate zoom/pan capabilities if implemented. Deduct 5 points for each interaction without feedback, 3 points for laggy animations, and 5 points for confusing or unintuitive interaction patterns. The full score is 10 points.",
-      "maxScore": 10
-    }
-  ],
-  "class": "SVG Generation-SVG Images",
-  "difficulty": "medium"
-}