@getollie/cli 0.0.4 → 0.2.0

package/library/web_applications-communication/vue-chat-conversation-list.json

@@ -1,68 +0,0 @@
-{
-  "index": 1707,
-  "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. Write a Vue component that shows a conversation list on the left side, and when a specific conversation is clicked, it displays the chat history on the right side.",
-  "checklist": [
-    {
-      "id": 0,
-      "title": "Is the Vue component structure properly implemented?",
-      "description": "Evaluate if the code follows Vue best practices with proper component organization. Check for appropriate use of Vue 3 composition API or Vue 2 options API, single-file component structure, and proper separation of template, script, and style sections. Verify if props, emits, and component registration are correctly implemented. Score 0 if the Vue component structure is missing or completely incorrect, 5 if basic structure exists but with significant issues, and 10 if fully compliant with Vue best practices.",
-      "maxScore": 10
-    },
-    {
-      "id": 1,
-      "title": "Is the conversation list functionality fully implemented?",
-      "description": "Review whether the left side conversation list displays all conversations with proper styling and interactive elements. Check if each conversation item shows relevant information (e.g., contact name, preview text, timestamp). Verify if the active/selected conversation is visually distinguished. Deduct 3 points if sorting/filtering options are missing, 3 points if conversation previews are incomplete, and 4 points if there's no visual indication of unread or important messages. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 2,
-      "title": "Is the chat history display functionality properly implemented?",
-      "description": "Check if the right side displays the complete chat history for the selected conversation. Verify if messages are properly formatted with sender information, timestamps, and correct visual styling to distinguish between sent and received messages. Evaluate if messages are displayed in the correct chronological order with appropriate spacing. Deduct 3 points if message timestamps are missing, 3 points if there's no visual distinction between sent/received messages, and 4 points if media attachments aren't handled. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 3,
-      "title": "Is the interaction between conversation selection and chat display properly implemented?",
-      "description": "Evaluate if clicking a conversation in the list properly updates the chat display on the right. Check if the state management for the active conversation is implemented correctly, whether using Vuex/Pinia or component state. Verify if there's appropriate loading state management when switching between conversations. Deduct 5 points if clicking doesn't update the display or has significant delay, 3 points if there's no visual feedback on selection, and 2 points if the state persistence between renders is missing. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 4,
-      "title": "Is the code robust?",
-      "description": "Evaluate whether the code handles common edge cases (such as empty conversation list, empty chat history, long messages, different screen sizes, etc.) and provides appropriate error handling or placeholder states. Check for input validation and proper defensive programming. Deduct 3 points for each unhandled edge case, and give 10 points if all common scenarios are properly handled with graceful degradation. 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. Message search functionality 2. Typing indicators 3. Read receipts 4. Message reactions 5. Dark/light theme toggle). Add 2 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 state management (e.g., duplicate conversation tracking) 2. Function modules unrelated to the chat interface (e.g., built-in games or unnecessary toolbars) 3. Overly complex implementations that could be simplified. 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 component composition (proper use of child components), state management implementation, code reusability, and naming conventions. Check if the code follows Vue style guide recommendations. Deduct 3 points if global state is used inappropriately, 3 points if component responsibilities are not properly separated, 2 points if naming conventions are inconsistent, and 2 points if there's significant code duplication. 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 messaging app conventions: 1) Consistent color scheme with proper contrast 2) Proper layout spacing between conversations and messages 3) Professional typography with readable font sizes. Assess if the conversation list has appropriate width relative to the chat display. Deduct 3 points for poor use of space, 3 points for inconsistent styling between list and chat, 2 points for poor typography, and 2 points for non-responsive design. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 9,
-      "title": "Is the dynamic interaction smooth and seamless?",
-      "description": "Judge whether the interactions follow best practices: 1) Immediate visual feedback when selecting conversations 2) Smooth transitions when switching between chats 3) Proper scroll behavior in conversation list and chat history (especially for long conversations). Deduct 3 points for lack of loading states, 3 points for jerky transitions, 2 points for scroll issues with long content, and 2 points for poor keyboard navigation support. The full score is 10 points.",
-      "maxScore": 10
-    }
-  ],
-  "class": "Web Applications-Communication",
-  "difficulty": "easy"
-}

package/library/web_applications-communication/vue-continuous-log-query-sse-output.json

@@ -1,68 +0,0 @@
-{
-  "index": 1140,
-  "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. Implement a scenario using Vue framework for continuous log query output via SSE (Server-Sent Events).",
-  "checklist": [
-    {
-      "id": 0,
-      "title": "Is the SSE connection implementation complete?",
-      "description": "Check if the code properly establishes an EventSource connection to the server endpoint, includes appropriate error handling, reconnection logic, and event listeners. Deduct 5 points if reconnection is not implemented, 3 points if event type filtering is missing. Give 0 points if SSE implementation is absent, 5 points for basic connection, and 10 points for robust implementation with all recommended patterns.",
-      "maxScore": 10
-    },
-    {
-      "id": 1,
-      "title": "Is the log data rendering component properly implemented?",
-      "description": "Evaluate whether the Vue component correctly renders streaming log data with virtual scrolling for performance optimization when handling large volumes. Check if logs are properly formatted with timestamps, log levels, and message content. Deduct 3 points if logs aren't visually distinguished by severity level, 5 points if the component doesn't handle large log volumes efficiently. Full score requires proper data binding, reactivity, and optimized rendering.",
-      "maxScore": 10
-    },
-    {
-      "id": 2,
-      "title": "Are filtering and search capabilities implemented for logs?",
-      "description": "Assess if the implementation includes log filtering by severity level, timestamp range, and text search functionality. Check if filters are applied reactively without interrupting the SSE connection. Deduct 3 points for each missing core filter type (severity, time, text search), 5 points if filtering disrupts the SSE connection. Full marks require debounced search, highlighted matches, and preserved filter state.",
-      "maxScore": 10
-    },
-    {
-      "id": 3,
-      "title": "Is there proper handling of SSE connection states and error scenarios?",
-      "description": "Review if the code handles all SSE connection states (connecting, open, error, closed) with appropriate UI feedback. Check for graceful handling of server disconnections, network failures, and reconnection attempts with exponential backoff. Deduct 5 points if error states aren't communicated to users, 3 points if reconnection doesn't use backoff strategy. Full score requires comprehensive state management and user notifications.",
-      "maxScore": 10
-    },
-    {
-      "id": 4,
-      "title": "Is the code robust?",
-      "description": "Evaluate whether the code can handle common abnormal situations (such as server errors, malformed log entries, network interruption, 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. Real-time log statistics/analytics 2. Log export functionality 3. Collapsible log grouping 4. Dark/light theme toggle 5. Customizable log highlighting). Add 2 points for each practical innovative feature implemented (maximum 10 points).",
-      "maxScore": 10
-    },
-    {
-      "id": 6,
-      "title": "Are there any redundant features?",
-      "description": "Strictly check three types of redundancy: 1. Redundant implementation of similar functions (e.g., multiple filtering mechanisms) 2. Function modules unrelated to log viewing (e.g., unnecessary dashboards) 3. Fancy effects that affect performance (e.g., excessive animations). 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 Vue component architecture (SFC structure, proper use of props/emits), state management approach, code reusability, and adherence to Vue best practices. Deduct 5 points if global state is mismanaged; deduct 3 points if component responsibilities are poorly separated; deduct 3 points if Vue lifecycle hooks are misused; deduct 3 points if modern Vue features (composition API, script setup) are not utilized appropriately. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 8,
-      "title": "Does the interface vision meet professional design standards?",
-      "description": "Evaluate whether the log viewer UI follows professional design principles: 1) Consistent color coding for log levels 2) Proper layout with adequate whitespace 3) Typography that enhances readability (monospace for log content, sufficient contrast). Deduct 3 points for poor log level visualization, 5 points for cluttered layout, and 5 points for hard-to-read text formatting. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 9,
-      "title": "Is the dynamic interaction smooth and seamless?",
-      "description": "Judge whether the log viewer provides smooth user experience: 1) New logs appear without UI jank 2) Applying filters responds in under 200ms 3) Scrolling through large log volumes remains smooth 4) Visual indicators for new logs arriving. Deduct 5 points if the UI freezes during log influx, 3 points for laggy filtering, and 5 points if the current position is lost when new logs arrive. The full score is 10 points.",
-      "maxScore": 10
-    }
-  ],
-  "class": "Web Applications-Communication",
-  "difficulty": "medium"
-}

package/library/web_applications-communication/vue-deepseek-api-streaming-text-display.json

@@ -1,68 +0,0 @@
-{
-  "index": 1155,
-  "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. Write me code for implementing a streaming text display using Vue + Axios + ThinkPHP with the Deepseek API.",
-  "checklist": [
-    {
-      "id": 0,
-      "title": "Is the streaming text display core functionality fully implemented?",
-      "description": "Review whether the code accurately implements real-time streaming text display through Vue.js reactive data binding, including proper handling of Server-Sent Events (SSE) or chunked transfer encoding. Check if text chunks are progressively rendered with smooth character-by-character or word-by-word animation effects. Score 0 if streaming display is not implemented, 5 if only basic text appending is shown, and 10 if smooth streaming with proper buffering and display control is fully implemented.",
-      "maxScore": 10
-    },
-    {
-      "id": 1,
-      "title": "Is the Vue + Axios integration properly architected?",
-      "description": "Evaluate whether Axios is correctly configured for streaming requests with proper responseType settings (stream/text), timeout handling, and progress monitoring. Check if Vue's reactive system is properly utilized for real-time UI updates without performance bottlenecks. Deduct 5 points if request cancellation is not implemented, and 3 points if memory leaks occur during long streaming sessions. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 2,
-      "title": "Is the ThinkPHP backend streaming response correctly implemented?",
-      "description": "Check whether the ThinkPHP backend properly implements streaming response with correct headers (Transfer-Encoding: chunked or Content-Type: text/event-stream), handles Deepseek API integration with proper error handling and rate limiting. Verify if the backend maintains persistent connections and implements proper buffer flushing. Deduct 5 points if API key security is not handled, and 3 points if streaming connection drops are not managed. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 3,
-      "title": "Is the Deepseek API integration robust and complete?",
-      "description": "Evaluate whether the Deepseek API integration includes proper authentication, request formatting, response parsing, and error handling for various API response scenarios. Check if streaming parameters are correctly configured and if API rate limits and quotas are properly managed. Deduct 5 points if API response validation is missing, and 3 points if retry mechanisms for failed requests are not implemented. Give 10 points if fully implemented with comprehensive error recovery.",
-      "maxScore": 10
-    },
-    {
-      "id": 4,
-      "title": "Is the code robust?",
-      "description": "Evaluate whether the code can handle common abnormal situations (such as network interruption, API timeouts, malformed responses, component unmounting during streaming, etc.) and provide friendly error prompts or recovery mechanisms. Code with strong robustness should effectively handle these edge cases and provide graceful degradation, 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 surprise features that enhance the streaming experience (e.g., 1. Real-time typing sound effects synchronized with text appearance 2. Customizable streaming speed controls 3. Text highlighting with different colors for different content types 4. Export functionality for streamed content 5. Pause/resume streaming capabilities). Add 3 points for each practical innovative feature implemented (maximum 10 points).",
-      "maxScore": 10
-    },
-    {
-      "id": 6,
-      "title": "Are there any redundant features?",
-      "description": "Strictly check three types of redundancy: 1. Redundant implementation of similar functions (e.g., multiple text rendering methods coexisting) 2. Function modules unrelated to streaming text display (e.g., built-in file management system) 3. Fancy effects that affect streaming performance (e.g., complex particle animations during text rendering). Deduct 3 points for each redundancy found, and directly deduct 10 points if core streaming 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 API service/Vue components/utility functions), proper Vue composition API or options API usage, and TypeScript integration if applicable. Deduct 5 points if global state pollution is found or Vue best practices are not followed; deduct 5 points if the code duplication rate is too high (over 30%); deduct 5 points if proper component lifecycle management is missing. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 8,
-      "title": "Does the interface vision meet professional design standards?",
-      "description": "Evaluate whether the streaming text display follows modern design principles: 1) Harmonious color matching with proper contrast for readability 2) Proper typography with adequate line spacing (1.4-1.6x) and font sizing 3) Clean layout with appropriate whitespace and visual hierarchy 4) Loading states and progress indicators. Deduct 3 points for each poorly designed visual element, 5 points for poor text readability, and 5 points for chaotic layout during streaming. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 9,
-      "title": "Is the streaming animation smooth and seamless?",
-      "description": "Judge whether the streaming text animation conforms to human reading patterns: 1) Consistent streaming speed without jarring stops 2) Smooth cursor or typing indicator animations 3) Proper text wrapping and overflow handling 4) No visual glitches during rapid text updates 5) Responsive design that works across different screen sizes. Deduct 5 points for each choppy animation, 3 points for text rendering artifacts, and 5 points for poor mobile streaming experience. The full score is 10 points.",
-      "maxScore": 10
-    }
-  ],
-  "class": "Web Applications-Communication",
-  "difficulty": "hard"
-}

package/library/web_applications-communication/vue-login-homepage-with-users-table.json

@@ -1,68 +0,0 @@
-{
-  "index": 747,
-  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Make sure the generated code is executable whenever possible. -- Create a users table\nCREATE TABLE IF NOT EXISTS users (\n    id BIGINT AUTO_INCREMENT PRIMARY KEY,\n    username VARCHAR(50) NOT NULL UNIQUE,\n    password VARCHAR(255) NOT NULL,\n    role_id TINYINT NOT NULL COMMENT '1 represents admin, 2 represents regular user'\n) COMMENT 'User table, used to store user information';\n\nPlease create a login page and a home page in Vue based on the users table above.",
-  "checklist": [
-    {
-      "id": 0,
-      "title": "Is the Vue user authentication system properly implemented?",
-      "description": "Check if the login functionality correctly validates credentials against the users table, implements proper session/token management, and handles authentication errors. Score 0 if authentication is missing, 5 if basic authentication exists but lacks security features, and 10 if it includes token refresh mechanisms, session timeout, and proper security measures.",
-      "maxScore": 10
-    },
-    {
-      "id": 1,
-      "title": "Is role-based access control (RBAC) implemented correctly?",
-      "description": "Verify that the application distinguishes between admin (role_id=1) and regular users (role_id=2), showing different UI elements and granting appropriate permissions based on roles. Deduct 5 points if roles are not implemented, 3 points if role checks exist but can be bypassed. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 2,
-      "title": "Is the login page implementation complete and secure?",
-      "description": "Evaluate whether the login page includes input validation, secure password handling (no client-side plaintext), visual feedback for validation errors, and protection against brute force attacks. Check for CSRF token implementation. Deduct 3 points for each missing security feature. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 3,
-      "title": "Is the home page implementation functional and role-appropriate?",
-      "description": "Examine whether the home page displays content appropriate to the user's role, includes a proper logout mechanism, and handles unauthorized access attempts. Check if the navigation reflects available permissions. Deduct 3 points if role-specific content is missing, 3 points for missing logout functionality, and 4 points if unauthorized access handling is absent. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 4,
-      "title": "Is the code robust?",
-      "description": "Evaluate whether the code can handle common abnormal situations (such as invalid credentials, network failures, session expiration, 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. Two-factor authentication 2. Remember me functionality 3. Login history tracking). Add 3 points for each practical innovative feature implemented (maximum 10 points).",
-      "maxScore": 10
-    },
-    {
-      "id": 6,
-      "title": "Are there any redundant features?",
-      "description": "Strictly check three types of redundancy: 1. Redundant implementation of similar functions (e.g., multiple authentication methods unnecessarily implemented) 2. Function modules unrelated to user authentication (e.g., unnecessary analytics) 3. Fancy effects that affect performance (e.g., heavy animations during login). 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 API calls/state management/UI components), code reusability, and Vue best practices. Deduct 5 points if global state is mismanaged; deduct 5 points if the code contains significant duplication; deduct 5 points if Vue component design principles are violated (e.g., mixing concerns). 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 layout spacing (element spacing follows the 8px multiple principle) 3) Professional form design (consistent input sizes, clear labels). Deduct 3 points for poor form alignment, 5 points for inconsistent styling between pages, and 5 points for accessibility issues (poor contrast, missing labels). The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 9,
-      "title": "Is the dynamic interaction smooth and seamless?",
-      "description": "Judge whether the dynamic effects conform to human perception characteristics: 1) Login button shows loading state during authentication 2) Form validation provides real-time feedback 3) Transitions between login and home page are smooth. Deduct 5 points for lack of loading indicators, 3 points for jarring page transitions, and 5 points for delayed feedback on form submissions. The full score is 10 points.",
-      "maxScore": 10
-    }
-  ],
-  "class": "Web Applications-Communication",
-  "difficulty": "easy"
-}

package/library/web_applications-communication/vue-login-navigation-system.json

@@ -1,68 +0,0 @@
-{
-  "index": 858,
-  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Be sure to provide executable code where possible. Create a login and navigation system in Vue.",
-  "checklist": [
-    {
-      "id": 0,
-      "title": "Is the Vue login component properly implemented?",
-      "description": "Review whether the login component includes proper form validation, password masking, error handling for authentication failures, and controlled inputs. Check for v-model usage, form submission prevention, and validation feedback. Score 0 if core login functionality is missing, 5 if basic functionality exists without validation, and 10 if comprehensive validation and security features are implemented.",
-      "maxScore": 10
-    },
-    {
-      "id": 1,
-      "title": "Is the authentication system securely designed?",
-      "description": "Evaluate the authentication implementation including token storage (preferably using HttpOnly cookies or secure localStorage), CSRF protection, proper handling of authentication errors, and timeout/refresh mechanisms. Deduct 5 points if tokens are stored insecurely, 3 points if no token expiration handling exists, and 3 points if authentication state is not properly maintained across page reloads. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 2,
-      "title": "Is the navigation system responsive and properly implemented?",
-      "description": "Check if the navigation component adapts to different screen sizes (mobile, tablet, desktop), handles active route highlighting, and includes responsive collapse/expand functionality. Evaluate Vue Router integration, navigation guards for protected routes, and route transitions. Deduct 3 points for each missing responsiveness feature, 5 points if route guards aren't implemented, and 3 points if navigation state isn't preserved. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 3,
-      "title": "Is the Vuex state management properly utilized?",
-      "description": "Assess whether Vuex (or Pinia) is correctly integrated for state management, with proper separation of concerns (mutations, actions, getters), namespaced modules for auth and navigation, and consistent state access patterns. Deduct 5 points for direct state mutations, 3 points for inadequate error handling in actions, and 5 points if authentication state is not properly maintained in the store. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 4,
-      "title": "Is the code robust?",
-      "description": "Evaluate whether the code can handle common abnormal situations (such as network errors during login, invalid inputs, token expiration, unauthorized access attempts, 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. Biometric authentication options 2. Multi-factor authentication 3. Customizable navigation themes/layouts 4. Animated route transitions). Add 3 points for each practical innovative feature implemented (maximum 10 points).",
-      "maxScore": 10
-    },
-    {
-      "id": 6,
-      "title": "Are there any redundant features?",
-      "description": "Strictly check three types of redundancy: 1. Redundant implementation of similar functions (e.g., multiple authentication methods with overlapping code) 2. Function modules unrelated to login/navigation (e.g., a built-in calculator) 3. Fancy effects that affect performance (e.g., excessive animations or transitions). 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 components, services, and store modules), component reusability, proper use of Vue best practices, and testing setup. Deduct 5 points if global state pollution is found; deduct 5 points if the code duplication rate is too high (over 30%); deduct 5 points if proper Vue lifecycle hooks aren't used appropriately. 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 layout spacing (element spacing follows the 8px multiple principle) 3) Professional form design (consistent input sizes, clear labeling, visible focus states). Deduct 3 points for each accessibility issue, 5 points for inconsistent styling across components, and 5 points for poor form layout or feedback. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 9,
-      "title": "Is the dynamic interaction smooth and seamless?",
-      "description": "Judge whether the dynamic effects conform to human perception characteristics: 1) Login button feedback delay ≤ 100ms 2) Navigation transition animation duration controlled between 300-500ms 3) Loading indicators for asynchronous operations. Deduct 5 points for each operation without feedback, 3 points for jarring navigation transitions, and 5 points for missing loading states during authentication. The full score is 10 points.",
-      "maxScore": 10
-    }
-  ],
-  "class": "Web Applications-Communication",
-  "difficulty": "medium"
-}

package/library/web_applications-communication/vue-nodejs-express-mysql-xiaohongshu-webpage.json

@@ -1,68 +0,0 @@
-{
-  "index": 1403,
-  "question": "You are a code expert, please use your professional knowledge to generate accurate, professional responses. Ensure that the code you generate is executable. Create a webpage using Vue 3 + Node.js with Express.js framework + MySQL, styled to mimic Xiaohongshu (Little Red Book). Use a user database called 'user'. Please tell me all the necessary plugins that must be installed, and the commands to automatically generate the file directory structure.",
-  "checklist": [
-    {
-      "id": 0,
-      "title": "Is the Vue 3 front-end structure properly implemented?",
-      "description": "Review whether the code correctly implements Vue 3's Composition API, component structure, and reactive state management. Check for proper use of setup(), ref(), reactive(), and other Vue 3 specific features. Score 0 if Vue 3 is not implemented correctly, 5 if basic Vue 3 structure exists but lacks optimization, and 10 if it fully utilizes Vue 3's capabilities including proper component hierarchy, lifecycle hooks, and performance optimizations.",
-      "maxScore": 10
-    },
-    {
-      "id": 1,
-      "title": "Is the Express.js backend properly configured with necessary middleware?",
-      "description": "Evaluate whether the Express.js server is properly set up with essential middleware like cors, body-parser, cookie-parser, helmet for security, morgan for logging, and proper route organization. Check if the server handles errors appropriately and implements proper API versioning. Deduct 3 points if security middleware is missing, 3 points if request validation is absent, and 2 points if route organization is chaotic. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 2,
-      "title": "Is the MySQL database connection and schema design appropriate?",
-      "description": "Check if the MySQL connection is properly established with connection pooling and error handling. Evaluate the 'user' table schema design for appropriate fields, data types, indexes, and constraints. Look for proper SQL query construction with parameterized queries to prevent SQL injection. Deduct 5 points if no connection pooling is implemented, 3 points if queries are vulnerable to SQL injection, and 2 points if the schema design is inefficient. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 3,
-      "title": "Does the application successfully mimic Xiaohongshu's UI and features?",
-      "description": "Assess how closely the application resembles Xiaohongshu's design and functionality: waterfall layout for content display, discovery feed, user profiles, post creation with image upload, like/comment/collect features, and the signature red theme. Deduct 3 points for each missing core feature and 2 points if the visual styling significantly deviates from Xiaohongshu. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 4,
-      "title": "Is the code robust?",
-      "description": "Evaluate whether the code can handle common abnormal situations (such as database connection failures, network errors, invalid user inputs, etc.) and provide friendly error prompts or recovery mechanisms. Check for form validation, API error handling, and graceful degradation. 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. AI-powered content recommendations 2. Real-time notifications 3. Interactive image filters mimicking Xiaohongshu). Add 3 points for each practical innovative feature implemented (maximum 10 points).",
-      "maxScore": 10
-    },
-    {
-      "id": 6,
-      "title": "Are there any redundant features?",
-      "description": "Strictly check three types of redundancy: 1. Redundant implementation of similar functions (e.g., multiple authentication systems coexisting) 2. Function modules unrelated to a social media platform like Xiaohongshu 3. Fancy effects that affect performance (e.g., excessive animations that slow loading). 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 API/business logic/view layers), unit test coverage, and build process automation. Check for proper use of .env files for configuration, proper error logging, and documentation. 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 the build process is not automated. 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 (with Xiaohongshu's signature red accents) 2) Proper layout spacing (element spacing follows the 8px multiple principle) 3) Professional font system (body font size ≥ 14px, line height over 1.5 times). Deduct 3 points for each crowded visual element, 5 points for a glaring color combination, and 5 points for chaotic text-image 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 human perception characteristics: 1) Click feedback delay ≤ 100ms 2) Transition animation duration controlled between 300-500ms 3) Clear visual focus guidance. Check for infinite scroll implementation, lazy loading of images, and smooth transitions between pages. Deduct 5 points for each operation without feedback, 3 points for visual after-images during fast scrolling, and 5 points for hard-to-find key function buttons. The full score is 10 points.",
-      "maxScore": 10
-    }
-  ],
-  "class": "Web Applications-Communication",
-  "difficulty": "medium"
-}

package/library/web_applications-communication/vue-three-section-social-website.json

@@ -1,68 +0,0 @@
-{
-  "index": 1693,
-  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Be sure to make the generated code executable for demonstration when possible. I am designing a website using Vue, divided into three parts: left, middle, and right. The left section contains the logo and navigation bar, followed by navigation options and functional options including Sports, Food, Travel, Culture, Technology, Leisure, as well as Message Notifications, Settings Center, and Logout. The middle section has a search box and profile picture, below which is an area for editing and publishing posts. Before editing a post, users need to select one of the same 6 categories that appear in the left navigation bar. Below this is where users' posts of various types are displayed. The right section of the website contains a friends list and an area for sending messages and chatting.",
-  "checklist": [
-    {
-      "id": 0,
-      "title": "Is the Vue component structure properly organized?",
-      "description": "Evaluate the project structure and component hierarchy. Check if components are properly segregated (e.g., NavigationBar, PostEditor, FriendsList), follow single responsibility principle, and use proper Vue best practices like props/emits for communication. Analyze if the layout is implemented with appropriate Vue directives, CSS Grid/Flexbox for the three-column layout. Deduct 5 points for monolithic components, 3 points for prop drilling beyond 2 levels, and 5 points if reactive data management is poorly implemented. Full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 1,
-      "title": "Is the navigation system in the left section fully implemented?",
-      "description": "Review the left navigation implementation including logo, category navigation (Sports, Food, Travel, Culture, Technology, Leisure), and utility functions (Message Notifications, Settings Center, Logout). Check for active state styling, proper routing configuration, and visual hierarchy. Award 10 points for complete implementation with proper Vue Router integration, responsive design, and visual feedback. Deduct 3 points if navigation state persistence is missing, 3 points for accessibility issues, and 5 points if navigation items aren't properly linked to their corresponding views.",
-      "maxScore": 10
-    },
-    {
-      "id": 2,
-      "title": "Is the post editing and publishing functionality in the middle section complete?",
-      "description": "Assess the implementation of the post creation workflow: category selection (matching the 6 navigation categories), content editing interface, and publishing mechanism. Check for form validation, error handling, and state management during the post creation process. Give 10 points for a fully functional editor with appropriate input fields, category selection UI, real-time preview, and submission handling. Deduct 5 points if category validation is missing, 3 points for lack of draft saving, and 5 points if publishing doesn't update the feed view.",
-      "maxScore": 10
-    },
-    {
-      "id": 3,
-      "title": "Are the messaging and chat functionalities in the right section properly implemented?",
-      "description": "Evaluate the friends list display and chat functionality. Check if the friends list shows online status, if messages can be sent and received, and if there's message history. Verify that real-time communication is implemented (or simulated). Award 10 points for complete implementation with message threading, typing indicators, and message status. Deduct 5 points if there's no message persistence mechanism, 3 points if friend status updates are missing, and 5 points if the chat UI doesn't scroll or handle long conversations properly.",
-      "maxScore": 10
-    },
-    {
-      "id": 4,
-      "title": "Is the code robust?",
-      "description": "Evaluate whether the code can handle common abnormal situations (such as API failures, invalid user inputs, authentication timeouts) and provide friendly error prompts or recovery mechanisms. Check for proper form validation, defensive programming, and error boundaries. Award 10 points if the code effectively handles edge cases with meaningful user feedback. Give 5 points for average robustness (basic error handling), and 0 points if exceptions are unhandled or cause the application to crash.",
-      "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. Dark/light mode toggle 2. Personalized content recommendations 3. Interactive post reactions beyond simple likes 4. Keyboard shortcuts for power users). Award 3 points for each practical innovative feature implemented that improves usability or engagement (maximum 10 points).",
-      "maxScore": 10
-    },
-    {
-      "id": 6,
-      "title": "Are there any redundant features?",
-      "description": "Strictly check three types of redundancy: 1. Redundant implementation of similar functions (e.g., multiple notification systems) 2. Function modules unrelated to the social/content platform (e.g., a built-in calculator) 3. Fancy effects that affect performance (e.g., excessive animations on scroll). 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 the Vue component design (Options API vs. Composition API usage), state management approach (Vuex/Pinia), code splitting, and build optimization. Check for proper separation of concerns, reusable components, and maintainability practices. Deduct 5 points if global state is overused, 5 points if components exceed 300 lines, and 5 points if there's no consideration for lazy loading large views/components. 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 web standards: 1) Consistent color scheme across the three sections 2) Appropriate whitespace and component padding 3) Typography hierarchy for different content types 4) Responsive design considerations. Deduct 3 points for inconsistent spacing, 5 points for poor visual hierarchy, and 5 points for inaccessible color contrast ratios. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 9,
-      "title": "Is the dynamic interaction smooth and seamless?",
-      "description": "Judge whether the interactions feel natural and responsive: 1) Smooth transitions between views 2) Immediate feedback on user actions 3) Appropriate loading states during data fetching 4) Intuitive UI for post creation and messaging. Deduct 5 points for unresponsive UI elements, 3 points for jarring transitions, and 5 points for confusing interaction patterns. Check if Vue transitions are properly used for state changes. The full score is 10 points.",
-      "maxScore": 10
-    }
-  ],
-  "class": "Web Applications-Communication",
-  "difficulty": "medium"
-}

package/library/web_applications-communication/vue-wechat-chat-effect-implementation.json

@@ -1,68 +0,0 @@
-{
-  "index": 1128,
-  "question": "You are a code expert. Please use your professional knowledge to generate accurate, professional responses. Be sure to ensure that the code you generate is executable and can be demonstrated. Implement a WeChat chat effect using Vue.",
-  "checklist": [
-    {
-      "id": 0,
-      "title": "Is the core WeChat chat interface structure fully implemented?",
-      "description": "Review whether the Vue components accurately reproduce WeChat's chat interface layout, including message list, input area, header navigation, and contact list. Check if the message bubble design matches WeChat's visual style (left/right alignment, different colors for sent/received messages, timestamps, read status indicators). Score 0 if basic chat interface is missing, 5 if only simple message display is implemented, and 10 if all WeChat-style interface elements are fully included.",
-      "maxScore": 10
-    },
-    {
-      "id": 1,
-      "title": "Are the Vue-based message interaction features properly implemented?",
-      "description": "Evaluate whether Vue's reactive data binding correctly handles real-time message updates, message sending/receiving animations, scroll-to-bottom behavior, and message status changes. Check if Vue lifecycle hooks are properly used for component mounting and data initialization. Deduct 5 points if message list doesn't auto-scroll, and 3 points if Vue reactivity issues cause UI lag. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 2,
-      "title": "Is the message data management and persistence mechanism designed correctly?",
-      "description": "Check whether Vuex or Vue 3 Composition API is used for state management, and if message history is properly stored (localStorage/sessionStorage). Evaluate if the data structure supports different message types (text, images, emojis, voice messages). Deduct 5 points if no state management pattern is used, and 3 points if message persistence is not implemented. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 3,
-      "title": "Are WeChat-specific interactive features implemented comprehensively?",
-      "description": "Verify if the code includes WeChat-characteristic features such as emoji picker, voice message recording simulation, image preview, message forwarding, and long-press context menus. Check if typing indicators, message read receipts, and contact online status are implemented. Deduct 5 points if emoji support is missing, and 3 points if no multimedia message handling exists. Give 10 points if fully implemented.",
-      "maxScore": 10
-    },
-    {
-      "id": 4,
-      "title": "Is the code robust?",
-      "description": "Evaluate whether the code can handle common abnormal situations (such as empty message input, network simulation errors, large message volumes, component unmounting, etc.) and provide friendly error prompts or recovery mechanisms. Code with strong robustness should effectively handle edge cases like message sending failures and component lifecycle issues, 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 surprise features that enhance the WeChat-like experience (e.g., 1. Message search functionality 2. Chat theme switching 3. Message encryption simulation 4. Group chat avatars 5. Voice-to-text conversion mock). Add 3 points for each practical innovative feature implemented (maximum 10 points).",
-      "maxScore": 10
-    },
-    {
-      "id": 6,
-      "title": "Are there any redundant features?",
-      "description": "Strictly check three types of redundancy: 1. Redundant implementation of similar functions (e.g., multiple message sending methods coexisting) 2. Function modules unrelated to WeChat chat (e.g., built-in games or shopping features) 3. Overly complex animations that affect performance (e.g., excessive particle effects on message sending). Deduct 3 points for each redundancy found, and directly deduct 10 points if core chat functions are interfered with by redundant code.",
-      "maxScore": 10
-    },
-    {
-      "id": 7,
-      "title": "Does the code have engineering quality?",
-      "description": "Review Vue component modularization (separating chat components, message components, input components), proper use of Vue best practices (props validation, event handling, computed properties), and code organization. Deduct 5 points if global state pollution is found or Vue patterns are misused; deduct 5 points if component coupling is too high; deduct 5 points if no proper component hierarchy exists. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 8,
-      "title": "Does the interface design accurately replicate WeChat's visual standards?",
-      "description": "Evaluate whether the design faithfully reproduces WeChat's visual identity: 1) Correct color scheme (WeChat green #07C160, proper gray tones) 2) Accurate spacing and typography matching WeChat's design 3) Proper message bubble styling and avatar placement 4) Consistent iconography and visual hierarchy. Deduct 3 points for each visual inconsistency with WeChat's design, 5 points for incorrect color usage, and 5 points for poor layout resemblance. The full score is 10 points.",
-      "maxScore": 10
-    },
-    {
-      "id": 9,
-      "title": "Are the chat interactions smooth and WeChat-authentic?",
-      "description": "Judge whether the interaction patterns match WeChat's behavior: 1) Message sending animation and feedback ≤ 100ms 2) Smooth scrolling and message transitions 3) Proper keyboard handling and input focus 4) Authentic touch interactions and gesture responses. Deduct 5 points for each sluggish interaction, 3 points for unnatural animation timing, and 5 points for poor input responsiveness. The full score is 10 points.",
-      "maxScore": 10
-    }
-  ],
-  "class": "Web Applications-Communication",
-  "difficulty": "medium"
-}