@getollie/cli 0.0.4 → 0.2.0

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

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

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

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

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

package/library/svg_generation-svg_images/svg-rickshaw-tuktuk-vehicle.json

@@ -1,68 +0,0 @@
-{
-  "index": 13,
-  "question": "You are a code expert. Please use your professional knowledge to generate accurate, professional responses. Make sure the generated code is executable for demonstration.\n\nPlease help me implement the following requirement using SVG code: create a rickshaw, which is a three-wheeled vehicle used for transportation in India, also known as a Tuktuk or vehicle.",
-  "checklist": [
-    {
-      "id": 0,
-      "title": "Is the basic structure of the rickshaw (Tuktuk) properly implemented?",
-      "description": "Check if the SVG code includes the fundamental components of a rickshaw: chassis, three wheels (two at the back, one at the front), passenger compartment, and driver's seat. Deduct 3 points if any major component is missing, 2 points if proportions are unrealistic. Full implementation with correct proportions and structural integrity scores 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 1,
-      "title": "Are the rickshaw's detailed features accurately represented?",
-      "description": "Evaluate if the rickshaw includes authentic details like handlebars, roof/canopy, passenger seating area, headlights, and characteristic decoration elements. Score 3 points for basic features, 7 points for moderate detail, and 10 points for comprehensive authentic details including decorative elements typical of Indian rickshaws.",
-      "maxScore": 10
-    },
-    {
-      "id": 2,
-      "title": "Is the SVG code properly structured with appropriate grouping and organization?",
-      "description": "Review if the SVG elements are logically grouped (<g> elements) for different parts of the rickshaw (wheels, body, canopy, etc.). Check if proper naming conventions or comments are used. Score 10 for excellent organization, 5 for basic organization, 0 for unorganized code.",
-      "maxScore": 10
-    },
-    {
-      "id": 3,
-      "title": "Is perspective and dimensionality handled effectively?",
-      "description": "Check whether the rickshaw design effectively conveys a three-dimensional appearance through appropriate shadowing, gradients, or perspective techniques. A flat, simplistic design scores 3 points; basic dimensionality scores 6 points; realistic 3D appearance scores 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 4,
-      "title": "Is the code robust?",
-      "description": "Evaluate whether the SVG code is structurally sound, with proper coordinate systems, viewBox settings, and consistent units. Check if it renders properly across different browsers. Code with strong robustness should handle scaling appropriately without distortion. Give 10 points for excellent robustness, 5 for average, 0 if major rendering issues exist.",
-      "maxScore": 10
-    },
-    {
-      "id": 5,
-      "title": "Are there any innovative features that are eye-catching?",
-      "description": "Check whether the code includes surprise features that enhance the visualization (e.g., 1. Animation of wheels spinning 2. Interactive elements that respond to user input 3. Variable color schemes or styles). 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 SVG elements that serve the same purpose 2. Unnecessary complex paths that could be simplified 3. Excessive detail that impacts rendering performance. 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 code cleanliness (indentation, consistent naming), optimization (use of symbols for repeated elements, appropriate path commands), and maintainability. Deduct 5 points if element IDs/classes are missing or poorly named; deduct 5 points if the SVG contains unnecessary complexity or inefficient path definitions. 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 an Indian rickshaw 2) Balanced proportions and visual weight 3) Attention to cultural authenticity in the design. Deduct 3 points for poor color choices, 5 points for disproportionate elements, and 5 points for culturally inaccurate representations. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 9,
-      "title": "Is the final SVG optimized for performance and file size?",
-      "description": "Judge whether the SVG is efficiently implemented: 1) Appropriate use of basic shapes vs. complex paths 2) Elimination of unnecessary decimal precision in coordinates 3) Reuse of elements where possible. Deduct 3 points for each 20% increase in file size over an optimized equivalent, 5 points for unused definitions or attributes, and 5 points for overly complex paths that could be simplified. The full score is 10 points.",
-      "maxScore": 10
-    }
-  ],
-  "class": "SVG Generation-SVG Images",
-  "difficulty": "easy"
-}

package/library/svg_generation-svg_images/svg-signpost-three-arrows.json

@@ -1,68 +0,0 @@
-{
-  "index": 132,
-  "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 whenever possible. Please help me implement the following requirement using code: create a close-up view of a signpost with three different arrows using SVG code.",
-  "checklist": [
-    {
-      "id": 0,
-      "title": "Is the basic signpost structure correctly implemented?",
-      "description": "Evaluate whether the SVG code properly defines the main signpost structure, including the post/pole and base elements. Check if appropriate SVG elements (rect, path, etc.) are used for the structure. Score 0 if the signpost is missing, 5 if it's basic but functional, and 10 if it includes detailed structural elements with proper proportions.",
-      "maxScore": 10
-    },
-    {
-      "id": 1,
-      "title": "Are the three different arrows properly implemented?",
-      "description": "Check if exactly three distinct arrows are implemented, each with a different direction, shape, or style. Each arrow should have proper dimensions, clear directional indicators, and be visibly different from the others. Deduct 3 points for each missing arrow, and 2 points if arrows are too similar to each other. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 2,
-      "title": "Is the close-up view perspective properly rendered?",
-      "description": "Assess whether the SVG implements a close-up view effect through appropriate positioning, scaling, or perspective techniques. The signpost should appear as if viewed from a relatively close distance, with appropriate detailing visible. Deduct 5 points if the view appears distant, and 3 points if perspective is inconsistent. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 3,
-      "title": "Is text incorporated effectively on the arrow signs?",
-      "description": "Evaluate if the arrows include readable text for destinations/directions. Text should be properly sized, positioned, and oriented on each arrow. Check if text-anchor and alignment properties are used correctly. Deduct 3 points if text is missing, 2 points if text positioning is poor, and 2 points if text is illegible. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 4,
-      "title": "Is the code robust?",
-      "description": "Evaluate whether the SVG code uses proper syntax, includes appropriate viewBox/dimensions, and avoids rendering errors. Code with strong robustness should define reusable components (via <defs>/<g> elements) and include fallback options. Give 10 points for fully robust code, 5 points for average robustness with minor issues, and 0 points for code with significant errors or browser compatibility issues.",
-      "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 hover/click effects 2. Subtle animations 3. Dynamic lighting/shadows 4. Weather effects or environmental context). Add 3 points for each practical innovative feature implemented (maximum 10 points).",
-      "maxScore": 10
-    },
-    {
-      "id": 6,
-      "title": "Are there any redundant features?",
-      "description": "Strictly check three types of redundancy: 1. Redundant SVG elements or duplicate definitions 2. Elements unrelated to a signpost with arrows 3. Excessive details that complicate the SVG without aesthetic benefit. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core elements are obscured by redundant elements.",
-      "maxScore": 10
-    },
-    {
-      "id": 7,
-      "title": "Does the code have engineering quality?",
-      "description": "Review organization of SVG elements (logical grouping), proper naming of IDs/classes, and optimization of path data. Deduct 5 points if elements aren't logically grouped or named; deduct 3 points for excessive decimal precision in coordinates; deduct 3 points if the code isn't properly indented or formatted. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 8,
-      "title": "Does the interface vision meet professional design standards?",
-      "description": "Evaluate whether the design follows modern design principles: 1) Harmonious color palette (complementary or analogous scheme) 2) Proper proportions and balance 3) Appropriate level of detail for a close-up view. Deduct 3 points for clashing colors, 2 points for poor proportions, and 5 points for inappropriate detail level (too simple or overcomplicated). The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 9,
-      "title": "Is the visual implementation realistic and polished?",
-      "description": "Judge whether the signpost appears realistic and visually appealing: 1) Appropriate textures or gradients for materials 2) Shadow/lighting effects where appropriate 3) Convincing connections between arrows and post. Deduct 3 points for flat, unrealistic rendering, 3 points for missing material textures, and 4 points for poor integration of elements. The full score is 10 points.",
-      "maxScore": 10
-    }
-  ],
-  "class": "SVG Generation-SVG Images",
-  "difficulty": "medium"
-}

package/library/svg_generation-svg_images/svg-sim-card-yellow-black-design.json

@@ -1,68 +0,0 @@
-{
-  "index": 46,
-  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Make sure the generated code is executable and ready for demonstration.\n\nPlease help me implement the following requirement using code. Create a vector image of a SIM card using SVG code, featuring a distinctive yellow and black design presented on a white background.",
-  "checklist": [
-    {
-      "id": 0,
-      "title": "Is the basic SIM card structure properly implemented?",
-      "description": "Verify if the SVG code accurately represents the rectangular shape and the characteristic chip area of a SIM card. Check if dimensions are appropriate (typically 25x15mm proportion) and if the SVG viewBox is properly set. Score 5 if only basic rectangle is present, 8 if chip area is included but poorly positioned, and 10 if all structural elements are correctly implemented with proper proportions.",
-      "maxScore": 10
-    },
-    {
-      "id": 1,
-      "title": "Does the design feature the required yellow and black color scheme?",
-      "description": "Evaluate if the color palette strictly adheres to the yellow and black requirement with proper contrast on the white background. Check if colors are applied appropriately to different elements (e.g., card body, chip, connector areas). Deduct 5 points if colors are inconsistent, 3 points if yellow/black balance is poor, and 7 points if additional colors are unnecessarily introduced. Consider color hex values and opacity settings.",
-      "maxScore": 10
-    },
-    {
-      "id": 2,
-      "title": "Is the chip contact area accurately represented?",
-      "description": "Assess if the gold contact area (chip) follows ISO/IEC 7816 standards with proper layout of connection points. The 8 contact points should be precisely positioned. Score 5 if contacts are present but inaccurately positioned, 8 if proportionally correct but missing some details, and 10 if fully compliant with industry standards including proper spacing between contacts.",
-      "maxScore": 10
-    },
-    {
-      "id": 3,
-      "title": "Are the beveled corners and card notch properly implemented?",
-      "description": "Check if the SIM card includes the characteristic angled corner (usually top right) and any necessary notch. The beveled corner should be at a 45° angle and sized approximately 3mm. Score 0 if completely missing, 5 if only roughly implemented, and 10 if precisely drawn with proper path instructions or rx/ry attributes for rounded corners.",
-      "maxScore": 10
-    },
-    {
-      "id": 4,
-      "title": "Is the code robust?",
-      "description": "Evaluate whether the SVG code is properly structured with appropriate namespaces, valid attributes, and fallback options. Check if the code is compatible across different browsers and rendering engines. Code with strong robustness should have proper DOCTYPE declarations, viewBox settings, and avoid presentation attributes that might cause rendering issues. Give 10 points for highly robust code, 5 points for average robustness, and 0 points if critical issues are present.",
-      "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 appeal (e.g., 1. Subtle gradient effects 2. Embedded manufacturer logo or text 3. Interactive hover effects). Add 3 points for each practical innovative feature implemented (maximum 10 points).",
-      "maxScore": 10
-    },
-    {
-      "id": 6,
-      "title": "Are there any redundant features?",
-      "description": "Strictly check three types of redundancy: 1. Unnecessary nested groups or containers 2. Duplicate definitions that could be simplified with reusable components 3. Over-complex paths that could be simplified. Deduct 3 points for each redundancy found, and directly deduct 10 points if the core visual elements are obscured by redundant code.",
-      "maxScore": 10
-    },
-    {
-      "id": 7,
-      "title": "Does the code have engineering quality?",
-      "description": "Review code organization (such as proper commenting, semantic grouping, and meaningful element IDs), optimization for file size (avoiding unnecessary decimal places in coordinates), and maintainability. Deduct 5 points if SVG elements lack proper structure or naming; deduct 5 points if the code is unnecessarily verbose or inefficient; deduct 5 points if there is no consideration for scalability. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 8,
-      "title": "Does the graphic vision meet professional design standards?",
-      "description": "Evaluate whether the overall design follows modern design principles: 1) Proportional accuracy to real SIM cards 2) Clean, crisp edges without aliasing 3) Proper use of stroke widths and fill patterns. Deduct 3 points for each visual inconsistency, 5 points for disproportionate elements, and 5 points for poor edge rendering or pixelation issues. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 9,
-      "title": "Is the SVG optimized for various display contexts?",
-      "description": "Judge whether the SVG is prepared for different usage contexts: 1) Responsive scaling with proper viewBox and preserveAspectRatio 2) Appropriate metadata for accessibility 3) Consideration for print and digital display differences. Deduct 5 points for fixed dimensions without relative scaling, 3 points for missing title/description elements, and 5 points for elements that would render poorly at different sizes. The full score is 10 points.",
-      "maxScore": 10
-    }
-  ],
-  "class": "SVG Generation-SVG Images",
-  "difficulty": "easy"
-}

package/library/svg_generation-svg_images/svg-software-interface-screenshot-symbols-buttons.json

@@ -1,68 +0,0 @@
-{
-  "index": 92,
-  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Make sure the code you generate is executable for demonstration whenever possible. Please help me implement the following requirement using SVG code: create a screenshot of a software interface with symbols and buttons.",
-  "checklist": [
-    {
-      "id": 0,
-      "title": "Is the basic SVG framework properly implemented?",
-      "description": "Check if the SVG code includes proper namespace declarations, viewport settings, and responsive dimensions. The SVG should have appropriate width/height attributes or viewBox for scaling. Deduct 5 points if namespace is missing, 5 points if dimensions are hardcoded without responsiveness considerations, and 3 points if viewBox is improperly configured. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 1,
-      "title": "Does the software interface layout follow standard UI patterns?",
-      "description": "Evaluate if the interface includes common UI components (title bar, toolbar, main content area, status bar) with proper spatial relationships. Check for proper hierarchy, alignment, and proportions. Score 10 points for complete implementation with proper layout hierarchy, 5 points if basic components are present but poorly arranged, and 0 points if the layout lacks fundamental UI organization. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 2,
-      "title": "Are interactive UI buttons properly designed and implemented?",
-      "description": "Review if buttons are implemented with proper SVG elements (rect, path, etc.) with appropriate visual affordances (shadows, gradients, etc.). Check if buttons include proper hover/active states using CSS or JavaScript. Deduct 3 points for each missing interactive state, 5 points if buttons lack visual affordances, and 5 points if buttons are not logically grouped. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 3,
-      "title": "Are UI symbols and icons professionally designed and implemented?",
-      "description": "Assess if icons and symbols follow consistent design language, use appropriate SVG techniques (paths, groups, symbols for reuse), and maintain proper scaling. Icons should be recognizable and follow standard conventions. Deduct 2 points for each inconsistent icon, 5 points if no symbol reuse is implemented for repeated elements, and 3 points if icons are not scalable. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 4,
-      "title": "Is the code robust?",
-      "description": "Evaluate whether the code includes proper error handling, fallback options for unsupported browsers, and defensive coding practices. SVG elements should have appropriate IDs, classes, and accessibility attributes. Deduct 3 points for missing accessibility features (aria attributes, role definitions), 3 points for lack of browser compatibility considerations, and 4 points for absent error handling. 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 visual experience (e.g., 1. Micro-animations on hover 2. Theme switching capability 3. Interactive tooltips or help 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 that could be reused with <symbol> or <use> 2. Overly complex paths that could be simplified 3. Decorative elements that distract from the core interface function. Deduct 3 points for each redundancy found, and directly deduct 10 points if the interface clarity is compromised by redundant elements.",
-      "maxScore": 10
-    },
-    {
-      "id": 7,
-      "title": "Does the code have engineering quality?",
-      "description": "Review code organization (such as grouping related elements, using descriptive IDs/classes), optimization (minimized path data, appropriate use of groups), and maintainability. Deduct 5 points for excessive inline styles instead of CSS classes; deduct 3 points for unnecessarily verbose markup; deduct 2 points for each missing semantic grouping of related elements. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 8,
-      "title": "Does the interface vision meet professional design standards?",
-      "description": "Evaluate whether the design follows modern UI principles: 1) Harmonious color palette (no more than 3 primary colors with appropriate contrast) 2) Proper spatial hierarchy (consistent padding and alignment) 3) Professional typography (readable font sizes, appropriate font choices). Deduct 3 points for each visual inconsistency, 5 points for poor color contrast affecting readability, and 5 points for improper visual hierarchy. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 9,
-      "title": "Is the visual fidelity high enough to represent a realistic software interface?",
-      "description": "Judge whether the SVG accurately resembles a genuine software interface: 1) Proper attention to detail (shadows, highlights, textures) 2) Realistic component rendering (buttons that look clickable, scrollbars that look functional) 3) Balanced visual density typical of professional applications. Deduct 3 points for each unrealistic UI element, 5 points for inconsistent visual style across the interface, and 5 points if the interface appears amateur rather than professional. The full score is 10 points.",
-      "maxScore": 10
-    }
-  ],
-  "class": "SVG Generation-SVG Images",
-  "difficulty": "medium"
-}