@getollie/cli 0.0.1

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

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

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

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

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

package/library/svg_generation-svg_images/svg-network-graph-information-connections.json

@@ -0,0 +1,68 @@
+{
+  "index": 80,
+  "question": "You are a coding expert. Please use your professional knowledge to generate accurate and professional responses. Make sure the code you generate is executable whenever possible.\nPlease help me implement the following requirements using code. Create an SVG visualization of a network graph showing different types of information connections.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the SVG network graph structure properly implemented?",
+      "description": "Check if the code correctly implements nodes and edges using SVG elements. Nodes should have proper sizing and positioning, and edges should connect nodes accurately with the correct path calculations. Score 0 if the graph is not visualized at all, 5 if basic nodes and edges are drawn but with positioning issues, and 10 if all elements are perfectly positioned with proper sizing.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Are different types of information connections visually distinguished?",
+      "description": "Evaluate if the code implements visual differentiation between connection types (e.g., through color coding, line styles, thickness, or icons). Different connection types should be clearly distinguishable and include a legend or visual cues. Deduct 5 points if only one visual attribute is used for differentiation, and 3 points if the differentiation is not intuitive. Full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the graph interactive with user-friendly features?",
+      "description": "Check for interactive features such as node dragging, zooming, panning, highlighting connected nodes on hover/click, and tooltips showing additional information. Score 0 if no interaction is implemented, 5 if only basic interactions exist, and 10 if comprehensive interactions enhance user understanding of the network.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Does the implementation include data handling and dynamic rendering?",
+      "description": "Assess if the code handles external data input (JSON/CSV), allows for dynamic updates when data changes, and properly manages the rendering process. Check for data binding patterns and efficient DOM manipulation. Deduct 5 points if static data is hardcoded, and 3 points if the rendering process is inefficient. 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 missing data, malformed input, browser compatibility issues, etc.) and provide friendly error prompts 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. Force-directed layout with physics simulation 2. Advanced filtering capabilities 3. Network metrics visualization). 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 network visualization 3. Fancy effects that affect performance (e.g., excessive animations or unnecessary visual elements). 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 layers), reusable components, and clean coding practices. Deduct 5 points if global state pollution is found or design patterns are not used; deduct 5 points if the code duplication rate is too high (over 30%); deduct 5 points if there's no clear separation of concerns. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the interface vision meet professional design standards?",
+      "description": "Evaluate whether the visualization follows information design principles: 1) Clear visual hierarchy between nodes and edges 2) Appropriate use of color (colorblind-friendly, meaningful encoding) 3) Balanced visual density (avoiding hairball effect in dense networks). Deduct 3 points for cluttered visualization, 5 points for poor color choices that hinder readability, and 5 points for lack of visual hierarchy. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the dynamic interaction smooth and responsive?",
+      "description": "Judge whether the dynamic effects enhance network understanding: 1) Smooth transitions during layout changes (≤ 500ms) 2) Responsive feedback on user interactions (≤ 100ms) 3) Appropriate animation timing for state changes. Deduct 5 points for laggy rendering with large networks, 3 points for jerky animations, and 5 points for interaction delays that hinder exploration. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "easy"
+}

package/library/svg_generation-svg_images/svg-octopus-underwater-marine-creature.json

@@ -0,0 +1,68 @@
+{
+  "index": 160,
+  "question": "You are a code expert, please use your professional knowledge to generate accurate, professional responses. Make sure the code you generate is executable for demonstration purposes.\nPlease help me implement the following requirement using SVG code: create an octopus as an underwater marine creature.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the octopus basic anatomy correctly implemented in SVG?",
+      "description": "Review whether the SVG code accurately implements the key anatomy of an octopus: round/oval head, eight tentacles with proper proportions, and characteristic features like eyes and siphon. Score 0 if the basic structure is missing, 5 if basic shape is implemented but proportions are off, and 10 if the anatomical representation is accurate and recognizable.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Are the octopus tentacles properly structured with realistic curling/movement?",
+      "description": "Evaluate whether the tentacles use proper SVG path elements with curve controls to simulate natural tentacle curling. Check if bezier curves or arc commands are used to create smooth, organic-looking tentacles with tapered ends. Deduct 5 points if tentacles are straight lines, 3 points if tentacles lack variation in curvature, and 2 points if suckers are missing or poorly implemented. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is there appropriate underwater context or environment elements?",
+      "description": "Check whether the SVG includes contextual underwater elements (bubbles, seaweed, coral, etc.) to establish the octopus's marine habitat. Award full 10 points for a comprehensive underwater scene with multiple environmental elements, 5 points for minimal context, and 0 if the octopus exists in isolation without any marine context.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Does the implementation include animation for the octopus or environment?",
+      "description": "Assess whether SVG animations (SMIL or CSS) are implemented to create lifelike movement such as tentacle waving, color changing, swimming motion, or bubble floating. Award 10 points for complex, coordinated animations that enhance realism, 5 points for basic animation limited to one or two elements, and 0 points for a completely static implementation.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the SVG code is properly structured with appropriate viewBox settings, namespace declarations, and optimization techniques. Check for fallbacks or responsive design principles that make the illustration work across different screen sizes. Deduct 3 points for each missing viewBox or namespace declaration, 2 points for excessively verbose path commands, and 2 points for lack of grouping related elements. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 5,
+      "title": "Are there any innovative features that are eye-catching?",
+      "description": "Check whether the SVG includes surprise features that enhance the experience (e.g., 1. Color-changing camouflage effect 2. Interactive elements that respond to mouse/touch 3. Realistic texture using SVG patterns or filters). 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 that could be reused with transforms 2. Elements unrelated to the underwater scene theme 3. Over-complex effects that significantly increase file size without visual benefit. 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 structure (such as proper grouping with <g> elements), meaningful IDs/class names, and code readability. Deduct 5 points if elements lack logical grouping; deduct 3 points if IDs/classes are missing or meaningless; deduct 2 points if there's no code commenting for complex sections. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the visual design meet professional standards?",
+      "description": "Evaluate whether the overall design follows modern design principles: 1) Harmonious color scheme appropriate for underwater scene 2) Good use of gradients or transparency for depth 3) Appropriate level of detail balanced with simplicity. Deduct 3 points for each jarring color combination, 4 points for flat appearance lacking depth, and 3 points for overly simplistic or excessively detailed implementation. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the implementation optimized for performance?",
+      "description": "Judge whether the SVG implementation is optimized: 1) Reasonable file size (under 50KB) 2) Efficient path commands without unnecessary precision 3) Proper use of reusable elements through symbols or use tags. Deduct 3 points for each 20KB over the recommended size, 4 points for unnecessarily complex paths that could be simplified, and 3 points for missing optimization opportunities like reusing repeated elements. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "easy"
+}

package/library/svg_generation-svg_images/svg-pie-chart-with-cpus.json

@@ -0,0 +1,68 @@
+{
+  "index": 192,
+  "question": "You are a code expert. Please use your professional knowledge to generate accurate and specialized responses. Make sure the code you generate is executable and can be properly displayed. Please help me implement this SVG image using code: a close up of a pie chart with a number of CPUs.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the SVG pie chart structure correctly implemented?",
+      "description": "Review whether the code accurately implements pie chart segments using SVG path elements or arc commands, with proper mathematical calculations for angles and coordinates. Check if CPU data is correctly converted to proportional segments. Score 0 if basic pie structure is missing, 5 if only simple segments are created without proper proportions, and 10 if all mathematical calculations are accurate with properly rendered pie segments.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Are CPU-specific visual elements and labeling properly displayed?",
+      "description": "Evaluate whether the implementation includes CPU-related visual indicators such as processor labels, core counts, usage percentages, or performance metrics. Check if text labels are positioned correctly relative to pie segments and remain readable. Deduct 5 points if labels overlap or are misaligned, and 3 points if CPU-specific terminology is missing or inaccurate. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the close-up detail visualization effectively rendered?",
+      "description": "Check whether the 'close-up' aspect is achieved through appropriate SVG viewBox settings, zoom effects, or detailed segment rendering. Evaluate if fine details like borders, gradients, or texture patterns enhance the close-up appearance. Deduct 5 points if the visualization lacks detail depth, and 3 points if the close-up effect is not convincing or professional-looking. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is interactive functionality and data binding implemented?",
+      "description": "Assess whether the code includes interactive features such as hover effects, click handlers, tooltips showing CPU details, or dynamic data updates. Check if the pie chart can respond to user interactions and display additional CPU information. Deduct 5 points if no interactivity is provided, and 3 points if interactions are buggy or non-responsive. Give 10 points if fully interactive with smooth user experience.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code can handle common abnormal situations (such as invalid data inputs, zero values, missing CPU data, browser compatibility issues, etc.) and provide friendly error handling or fallback mechanisms. Code with strong robustness should effectively handle edge cases like empty datasets or extreme values, giving 10 points. If 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 impressive features that enhance the visualization experience (e.g., 1. Animated segment transitions 2. Real-time CPU monitoring integration 3. 3D visual effects 4. Comparative CPU performance overlays 5. Export functionality for charts). 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 chart functions (e.g., multiple rendering methods coexisting) 2. Function modules unrelated to CPU pie charts (e.g., unrelated data visualization types) 3. Excessive visual effects that impact performance (e.g., overly complex animations). Deduct 3 points for each redundancy found, and directly deduct 10 points if core visualization 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 layers), code reusability, and maintainability standards. Deduct 5 points if global variable pollution is found or proper SVG organization is lacking; deduct 5 points if code duplication rate is too high (over 30%); deduct 5 points if the code structure is not scalable for different datasets. 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 data visualization principles: 1) Harmonious color palette suitable for CPU data representation 2) Proper proportional spacing and segment separation 3) Professional typography for labels and legends (font size ≥ 12px for SVG text, proper contrast ratios). Deduct 3 points for each visually crowded element, 5 points for poor color accessibility or contrast, and 5 points for illegible text or confusing layout. 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 user experience standards: 1) Hover feedback appears within ≤ 100ms 2) Transition animations for segment highlighting controlled between 200-400ms 3) Clear visual focus indicators for interactive elements. Deduct 5 points for each interaction without proper feedback, 3 points for jerky or laggy animations, and 5 points for unclear interactive affordances. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "hard"
+}

package/library/svg_generation-svg_images/svg-pizza-delivery-visualization.json

@@ -0,0 +1,68 @@
+{
+  "index": 134,
+  "question": "You are a coding expert. Please use your professional knowledge to generate accurate and professional responses. Make sure the code you generate is executable for demonstration purposes. Please help me implement the following requirement using SVG code: create a pizza delivery visualization.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the basic pizza visualization properly implemented?",
+      "description": "Check if the SVG code accurately renders a recognizable pizza with appropriate elements (crust, cheese, toppings). The pizza should have proper proportions and realistic appearance. Score 0 if no pizza is visible, 5 if basic shape is implemented but lacks detail, and 10 if the pizza looks realistic with proper textures and gradients.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the delivery animation/movement implemented?",
+      "description": "Evaluate the implementation of movement showing the pizza delivery process. Check for smooth animation paths (using SVG animation elements or JavaScript), proper timing functions, and realistic movement physics. Deduct 5 points if the animation is jerky, 3 points if the timing is unnatural, and 5 points if there's no actual delivery movement visualization. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the delivery context/environment visualized?",
+      "description": "Assess whether the visualization includes contextual elements like a delivery vehicle (car/scooter/bike), a map/route, delivery person, or restaurant/customer locations. Score 0 if there's no context at all, 5 if minimal context is provided (e.g., just a map), and 10 if there's a complete environment with multiple context elements that enhance the delivery story.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is there interactive functionality for the visualization?",
+      "description": "Check if the SVG implementation includes user interaction capabilities like clicking to start/pause delivery, hovering for additional information, zooming/panning the delivery route, or customizing the pizza. Score 0 if no interaction exists, 5 if basic interactions are implemented, and 10 if there are multiple meaningful interactions that enhance the visualization's purpose.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code can handle common abnormal situations (such as browser resizing, unsupported SVG features in older browsers, user interaction errors) and provides fallback 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. Real-time delivery progress indicators 2. Weather effects affecting delivery time 3. Customer satisfaction indicators). Add 3 points for each practical innovative feature implemented (maximum 10 points).",
+      "maxScore": 10
+    },
+    {
+      "id": 6,
+      "title": "Are there any redundant features?",
+      "description": "Strictly check three types of redundancy: 1. Redundant SVG elements or groups that serve the same purpose 2. Visual elements unrelated to pizza delivery (e.g., unrelated animations) 3. Excessive effects that affect performance (e.g., unnecessary filter effects or complex gradients). 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 separating static/animated elements, appropriate use of SVG groups and reusable components), code organization, and maintainability. Deduct 5 points if there's no structure to the SVG elements; deduct 5 points if there's excessive inline styling instead of CSS classes; deduct 5 points if there's no clear separation between presentation and behavior in JavaScript. 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 proportions and visual hierarchy 3) Consistent styling throughout the visualization. Deduct 3 points for each visual inconsistency, 5 points for clashing colors, and 5 points for unclear visual hierarchy. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the dynamic interaction smooth and seamless?",
+      "description": "Judge whether the animation and interactive elements conform to human perception characteristics: 1) Animation timing that feels natural (e.g., easing functions for acceleration/deceleration) 2) Transition duration appropriate for the action represented 3) Clear visual feedback for user interactions. Deduct 5 points for each animation that appears unnatural, 3 points for abrupt transitions, and 5 points for animations that run too quickly or slowly to be perceived properly. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "SVG Generation-SVG Images",
+  "difficulty": "medium"
+}