@getollie/cli 0.0.1

package/library/web_applications-blogs_forums/blog-system-vue3-koa-mongodb.json

@@ -0,0 +1,68 @@
+{
+  "index": 454,
+  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Ensure that the code you provide can be executed and demonstrated. The frontend uses Vue 3, Element Plus, SASS, Tailwind CSS, and TypeScript, while the backend uses Koa + MongoDB. Please provide me with the frontend and backend code for a blog system.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the Vue 3 frontend architecture properly implemented?",
+      "description": "Review whether the code follows Vue 3 best practices, including Composition API usage, proper component structure, and TypeScript integration. Check if essential features like reactive state management, computed properties, and lifecycle hooks are implemented correctly. Score 0 if Vue 3 features are poorly implemented, 5 if basic implementation exists but with architectural issues, and 10 if properly implemented with TypeScript interfaces and type checking.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the blog's frontend UI system effectively built with Element Plus and styled appropriately?",
+      "description": "Evaluate whether Element Plus components are properly utilized for the blog interface (e.g., layout containers, navigation, article cards, pagination, forms). Check for SASS customization of Element Plus themes to maintain brand consistency. Deduct 5 points if Element Plus is barely used, 3 points if components are used but not customized, and 2 points if accessibility features are ignored. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the frontend styling system using Tailwind CSS and SASS implemented effectively?",
+      "description": "Check whether Tailwind utility classes are used appropriately alongside SASS for custom styling. Evaluate if there's a consistent design system with variables for colors, spacing, and typography in SASS files. Deduct 3 points for inconsistent utility usage, 4 points for CSS specificity conflicts, and 5 points if the responsive design is broken on different screen sizes. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is the Koa backend architecture well-structured with MongoDB integration?",
+      "description": "Review the Koa middleware structure, routing organization, and MongoDB schema design. Check for proper error handling, authentication middleware, and RESTful API implementation. Evaluate if MongoDB operations use modern patterns (async/await) and proper indexing. Deduct 3 points for missing middleware error handling, 4 points for poor MongoDB schema design, and 5 points if security best practices are ignored. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code handles common abnormal situations (such as network failures, database connection issues, invalid input data, authentication failures) and provides friendly error prompts or recovery mechanisms. Frontend should handle API errors gracefully, and backend should implement proper validation and error responses. 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 blog system includes surprise features that enhance the experience (e.g., 1. Real-time content collaboration 2. AI-powered content suggestions 3. Advanced markdown editor with preview 4. Integrated SEO optimization tools). 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 state management approaches mixed) 2. Function modules unrelated to blogging (e.g., a complex game inside a blog) 3. Fancy effects that affect performance (e.g., heavy animations on blog list). 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 (separation of concerns between components, services, and stores), TypeScript type coverage, code reusability, and build process configuration. Deduct 5 points if global state pollution is found; deduct 3 points if TypeScript is used poorly with 'any' types; deduct 2 points if the code duplication rate is high (over 20%); deduct 5 points if the build process and deployment strategy are not configured. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the interface vision meet professional design standards?",
+      "description": "Evaluate whether the blog design follows modern design principles: 1) Harmonious color matching using SASS variables consistently 2) Proper layout spacing using Tailwind's spacing system 3) Professional typography system with proper font hierarchy. Deduct 3 points for inconsistent spacing, 5 points for poor readability in blog content, and 5 points for chaotic layout on mobile devices. 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 best practices: 1) Blog loading states and skeleton screens 2) Smooth transitions between pages with Vue Router 3) Responsive interactions with immediate feedback. Deduct 5 points for missing loading states, 3 points for jarring page transitions, and 5 points for slow or unresponsive UI interactions. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "Web Applications-Blogs/Forums",
+  "difficulty": "easy"
+}

package/library/web_applications-blogs_forums/community-blog-platform-with-social-features.json

@@ -0,0 +1,68 @@
+{
+  "index": 552,
+  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Make sure that the code you generate is executable whenever possible. Implement a community blog platform that includes user registration and login, avatar uploading, article publishing and editing. Users can follow other users, and the homepage will display the latest articles from followed users. Each article should support bookmarking and sharing functions, and users should be able to view a list of their bookmarked articles.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the user authentication system properly implemented?",
+      "description": "Check whether the code includes secure user registration, login, password reset flows, and session management. Review for password hashing (bcrypt/Argon2), CSRF protection, and proper JWT/session implementation. Deduct 5 points if password storage is insecure, 3 points if registration lacks validation, and 5 points if the authentication flow has security vulnerabilities. Full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the avatar uploading feature fully functional?",
+      "description": "Evaluate if the code includes file upload validation (file type/size checks), image processing (resizing/cropping), and secure storage with CDN integration. Check for client-side image preview before upload and server-side validation. Deduct 3 points if file type validation is missing, 3 points if there's no error handling for failed uploads, and 5 points if avatar storage isn't properly secured. Full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Are article CRUD operations completely implemented?",
+      "description": "Verify that the code supports full article lifecycle: creation with rich text editing, reading with proper formatting, updating with revision history, and deletion with confirmation. Check for draft saving functionality and content validation. Deduct 5 points if the rich text editor is missing essential features (image embedding, formatting), 3 points if article updates don't preserve history, and 5 points if content validation is inadequate. Full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Does the social functionality (following, feeds, bookmarking) work properly?",
+      "description": "Assess the implementation of user following system, personalized feeds based on followed users, and article bookmarking functionality. Check for real-time feed updates, bookmark organization features, and sharing capabilities (social media integration, link copying). Deduct 3 points if the feed algorithm doesn't prioritize relevant content, 3 points if bookmark management is limited, and 5 points if social sharing options are missing. 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 input, network errors, concurrent operations, 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. Smart content recommendation engine 2. Dark mode with automatic switching 3. Reading time estimation and progress 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 validation systems coexisting) 2. Function modules unrelated to blog platform (e.g., a built-in game system) 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 modular design (such as separating frontend/backend, using MVC or similar patterns), test coverage, and build process automation. 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 (no more than 3 primary colors) 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. 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-Blogs/Forums",
+  "difficulty": "hard"
+}

package/library/web_applications-blogs_forums/grateful-to-mothers-webpage-the-only.json

@@ -0,0 +1,68 @@
+{
+  "index": 1645,
+  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. You're a coding expert. Please use your professional knowledge to generate accurate and professional responses. Make sure the code you provide is executable when possible. With Mother's Day approaching, please help me create an HTML webpage about being grateful to mothers. The content should express understanding of mothers' hardships, willingness to share their burdens, and showing filial piety. Use G.E.M.'s \"The Only\" as the background.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Does the webpage express gratitude and appreciation toward mothers effectively?",
+      "description": "Evaluate whether the content genuinely expresses understanding of mothers' hardships, willingness to share burdens, and showing filial piety. Score 0 if these themes are absent, 5 if only superficially mentioned, and 10 if the content is heartfelt and comprehensive with specific examples or scenarios that mothers might face.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is G.E.M.'s 'The Only' properly implemented as background music?",
+      "description": "Check if the audio implementation works correctly with proper controls (play/pause), autoplay with user consent, appropriate volume levels, and fallback if the audio file cannot be loaded. Deduct 5 points if there's no user control for the audio, 3 points if there's no fallback mechanism, and 3 points if the audio integration disrupts the user experience.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the Mother's Day theme visually represented through effective design elements?",
+      "description": "Assess whether appropriate Mother's Day imagery (like flowers, hearts, mother-child illustrations) is integrated into the design. The visual theme should complement the textual content. Deduct 4 points if imagery is generic or unrelated to mothers, 3 points if visual elements clash with the theme, and 5 points if there are no thematic visual elements at all.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Does the webpage include interactive elements to enhance user engagement?",
+      "description": "Review for interactive elements like animation effects when hovering over images of mothers, clickable elements that reveal special messages, or transitions that create an emotional connection. Award 0 points for static content only, 5 points for basic hover effects, and 10 points for thoughtful animations or interactions that enhance the emotional impact.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code can handle common abnormal situations (such as media loading failures, browser compatibility issues, responsive adjustments for different devices) and provide fallback options. 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. Animated mother's day card, 2. Interactive timeline of mother's memories, 3. Virtual gift creation feature). 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 audio players) 2. Function modules unrelated to Mother's Day theme (e.g., unrelated animations) 3. Fancy effects that affect performance (e.g., excessive particle effects). Deduct 3 points for each redundancy found, and directly deduct 10 points if the core functions are interfered with by redundant code.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review HTML structure (semantic HTML usage), CSS organization (separate styling from content), and JavaScript best practices. Deduct 5 points if non-semantic elements are overused; deduct 3 points if inline styles dominate instead of external CSS; deduct 3 points if JavaScript is not well-organized or contains potential memory leaks. 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 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 webpage responsive and accessible?",
+      "description": "Judge whether the webpage adapts well to different screen sizes (desktop, tablet, mobile) and includes accessibility features: 1) Proper alt text for images 2) Keyboard navigation support 3) Sufficient color contrast. Deduct 3 points for non-responsive layouts, 3 points for missing alt texts, 2 points for keyboard navigation issues, and 2 points for poor color contrast. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "Web Applications-Blogs/Forums",
+  "difficulty": "easy"
+}

package/library/web_applications-blogs_forums/html-blog-with-social-features.json

@@ -0,0 +1,68 @@
+{
+  "index": 449,
+  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Make sure that the code you generate is executable for demonstration purposes. Create HTML code for a blog that includes a homepage, my articles, my photos, my videos, my social circle, login, registration, a personal avatar with follower count, and private messaging functionality.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the core blog structure fully implemented?",
+      "description": "Review whether the HTML code properly implements the basic blog structure with semantic HTML5 elements (header, nav, main, section, article, footer). Check for proper page organization including homepage, articles section, photos gallery, videos section, and social circle. Score 0 if most sections are missing, 5 if basic structure exists but lacks organization, and 10 if all required sections are well-structured and semantically correct.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the user authentication system properly implemented?",
+      "description": "Evaluate the implementation of login and registration functionality. Check for proper form validation, secure password handling (at least client-side), and appropriate UI feedback. Look for login persistence mechanism (cookies/local storage). Deduct 5 points if form validation is missing, 3 points if there's no user feedback on login/registration actions. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the user profile and social features implementation complete?",
+      "description": "Check for personal avatar display, follower count functionality, and private messaging system. The profile system should include user information display and editing capabilities. The messaging system should have both inbox and sending capabilities. Deduct 3 points if avatar upload/change functionality is missing, 4 points if follower system is only visual without functionality, and 5 points if messaging is incomplete. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is the media content display (photos and videos) properly implemented?",
+      "description": "Assess the implementation of photo galleries and video display sections. Check for proper image optimization (responsive images, appropriate formats), video embedding or player functionality, and navigation controls for media. Deduct 3 points for non-responsive images, 5 points if video functionality is missing or broken, and 3 points if gallery navigation is poor or missing. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code can handle common abnormal situations (such as form validation errors, image loading failures, network interruptions, 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. Dark mode toggle 2. Custom theme options 3. Reading time estimation for articles 4. Interactive comment system with reactions). 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 ways to edit profile) 2. Function modules unrelated to blog functionality (e.g., a built-in game) 3. Fancy effects that affect performance (e.g., excessive animations that slow page load). 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 markup/styling/scripting), code organization, and maintainability. Check for proper CSS organization (either in separate files or well-structured in the head), script placement (ideally at the end of body or with defer/async attributes), and proper commenting. Deduct 5 points if inline styles are overused; deduct 3 points if JavaScript is mixed throughout the HTML; deduct 3 points for poor or missing code comments. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the interface vision meet professional design standards?",
+      "description": "Evaluate whether the overall design follows modern design principles: 1) Harmonious color matching (no more than 3 primary colors) 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. Deduct 5 points for each operation without feedback, 3 points for visual after-images during fast navigation, and 5 points for hard-to-find key function buttons. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "Web Applications-Blogs/Forums",
+  "difficulty": "easy"
+}

package/library/web_applications-blogs_forums/linux-forum-registration-posting.json

@@ -0,0 +1,68 @@
+{
+  "index": 1187,
+  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Make sure the generated code is executable when possible. I need your help to create a webpage that can run on Linux, similar to a forum style, where users can register and post.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is user registration and authentication functionality implemented?",
+      "description": "Check if the code implements a complete user registration system with input validation, password hashing, and authentication flow. Score 0 if missing entirely, 5 if basic implementation exists but lacks security features, 10 if fully implemented with proper validation, secure password storage (bcrypt/Argon2), and session/token management.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is post creation and management functionality implemented?",
+      "description": "Evaluate if users can create, edit, and delete posts with proper authorization checks. Check for rich text support, image uploading capability, and post metadata handling (timestamps, author info). Score 0 if missing, 5 if basic implementation exists but lacks features like rich text or image support, 10 if comprehensively implemented with all features and proper authorization controls.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the database design and data persistence layer properly implemented?",
+      "description": "Review the database schema design, relationships between users and posts tables, and query optimization. Expect proper normalization, indexes on frequently queried columns, and prepared statements to prevent SQL injection. Deduct 5 points if no database migrations/schema management exists, 3 points if relationships are poorly designed, and 3 points if queries are vulnerable to injection. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is the forum optimized for Linux environment deployment?",
+      "description": "Check if the deployment process considers Linux-specific requirements: proper file permissions setup, compatibility with common Linux web servers (Apache/Nginx), environment configuration through .env files or similar, and process management considerations (systemd service files or PM2 config). Deduct 5 points if deployment instructions are missing, 5 points if permissions issues aren't addressed. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code handles common abnormal situations (such as form validation failures, database connection issues, rate limiting for registration/login attempts, and XSS/CSRF protection). Code should provide friendly error messages and recovery mechanisms. Score 10 for comprehensive error handling and security measures, 5 for average robustness with some gaps, and 0 if exceptions are unhandled.",
+      "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 notifications for replies 2. Markdown or rich text editor 3. User reputation/karma system 4. Topic categorization and tagging). 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 without clear purpose) 2. Function modules unrelated to forum functionality (e.g., unnecessary analytics overkill) 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 modular design (MVC or similar architecture), code reusability, documentation quality, and test coverage. Check for proper separation of concerns between frontend and backend. Deduct 5 points if global state pollution is found; deduct 5 points if code duplication rate is high; deduct 5 points if no automated tests exist. 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 forum UI principles: 1) Clean thread listing with clear hierarchy 2) Responsive design that works on mobile and desktop 3) Accessible color contrast (WCAG AA compliance) 4) Consistent typography system. Deduct 3 points for each accessibility issue, 5 points for non-responsive layouts, and 5 points for cluttered information architecture. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the dynamic interaction smooth and seamless?",
+      "description": "Judge whether interactions meet modern web standards: 1) Form submissions provide immediate feedback 2) Page transitions avoid full reloads when possible (AJAX/SPA approach) 3) Infinite scrolling or pagination for thread lists 4) Optimistic UI updates. Deduct 5 points for jarring page reloads, 3 points for lack of loading indicators, and 5 points for forms that don't preserve data on validation errors. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "Web Applications-Blogs/Forums",
+  "difficulty": "medium"
+}

package/library/web_applications-blogs_forums/nuxt-article-editor-with-element-plus.json

@@ -0,0 +1,68 @@
+{
+  "index": 924,
+  "question": "You are a code expert. Please use your professional knowledge to generate accurate and professional responses. Be sure to make the code executable for demonstration purposes. Help me create an article editor using Nuxt 3, TypeScript, SCSS, and Element Plus under the /user directory.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the Nuxt 3 project structure properly initialized?",
+      "description": "Review whether the code correctly initializes a Nuxt 3 project with TypeScript support, proper directory structure (/user path implementation), and required dependencies. Score 0 if project structure is missing, 5 if basic structure exists but lacks TypeScript configuration, and 10 if the project fully implements Nuxt 3 conventions including proper module integration.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the article editor core functionality implemented?",
+      "description": "Evaluate the editor implementation for text formatting, paragraph management, and content saving capabilities. Score 0 if the editor is non-functional, 5 if it has basic text input but lacks formatting features, and 10 if it includes rich text editing with proper state management, undo/redo functionality, and content persistence.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is Element Plus integration properly implemented?",
+      "description": "Check whether Element Plus components are correctly imported, configured, and used throughout the article editor. Verify that theme customization is implemented and components follow Element Plus best practices. Deduct 5 points if the implementation lacks proper plugin registration, and 3 points if component usage is inconsistent. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is TypeScript properly utilized throughout the codebase?",
+      "description": "Assess whether TypeScript is used effectively with proper type definitions for editor state, props, components, and API interfaces. Check for type safety in data handling and component communication. Deduct 5 points for any use of 'any' types without justification, 3 points for missing interface definitions, and 5 points for type assertion abuse. 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 content loss prevention, browser compatibility issues, network errors during saving, 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. Auto-saving drafts 2. Markdown import/export 3. Real-time collaborative editing 4. AI-assisted writing suggestions). 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 formatting systems coexisting) 2. Function modules unrelated to article editing (e.g., a built-in image gallery unrelated to the editor) 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 modular design (such as separating editor logic/UI/state management), component reusability, and build process optimization. Deduct 5 points if global state pollution is found or composition API is not properly used; deduct 5 points if the code duplication rate is too high (over 30%); deduct 5 points if SCSS is not properly organized with variables and mixins. 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 that extends Element Plus theme 2) Proper layout spacing (element spacing follows the 8px multiple principle) 3) Professional typography system (proper heading hierarchy, readable font size ≥ 14px, line height over 1.5 times). Deduct 3 points for each crowded visual element, 5 points for inconsistent styling, and 5 points for poor responsiveness. 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) Immediate feedback when formatting text ≤ 100ms 2) Smooth transitions between editor states 3) Clear visual indicators for current editing mode. Deduct 5 points for each operation without feedback, 3 points for laggy text input, and 5 points for hard-to-find formatting controls. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "Web Applications-Blogs/Forums",
+  "difficulty": "easy"
+}

package/library/web_applications-blogs_forums/personal-space-with-custom-profile-and-content.json

@@ -0,0 +1,68 @@
+{
+  "index": 1809,
+  "question": "You are a coding expert. Please use your professional knowledge to generate accurate, expert responses. Make sure the code you provide is executable and demonstrable. Write a complete personal space using HTML, where the avatar and nickname can be customized through popup windows. It should allow posting of videos, images, text, music and other content. The UI must be aesthetically pleasing, and the data should be stored so it won't be lost when refreshing the page.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the customization system for avatar and nickname fully implemented?",
+      "description": "Evaluate whether the popup windows for avatar/nickname customization function properly. Check if the avatar upload supports cropping, preview, and multiple file formats (JPG, PNG, WebP). Verify if the nickname change includes validation (length limits, forbidden characters). Score 0 if not implemented, 5 if basic functionality exists but lacks validation, 10 if fully implemented with proper validation and error handling.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Does the content posting system support all required media types?",
+      "description": "Check if the system allows posting videos (with proper player controls and format support), images (with preview and lazy loading), text (with rich text formatting), and music (with audio controls). Verify that each media type has appropriate UI elements for creation, display, and management. Deduct 3 points for each missing media type. Give full score only if all media types are supported with proper UI integration.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the data persistence implementation robust?",
+      "description": "Verify if localStorage/IndexedDB is properly used for data persistence. Check for proper data serialization/deserialization, error handling during storage operations, and automatic data recovery on page load. Examine if there's a backup mechanism or migration strategy for data structure changes. Score 0 if data is lost on refresh, 5 if basic persistence exists but has limitations, 10 if the persistence layer is comprehensive with proper error handling.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Is the interactive UI for content creation and management well-designed?",
+      "description": "Evaluate the content creation interfaces (post editor, media upload UI) and management features (edit, delete, archive). Check if there are intuitive controls for sorting/filtering content and organization options (categories, tags, favorites). Deduct 5 points if content cannot be edited after posting, and 3 points if management features are limited. Give 10 points if the interface is comprehensive and intuitive.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code can handle common abnormal situations (such as invalid file uploads, storage quota exceeded, network interruption, user operation errors) 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. Dark mode toggle 2. Customizable themes/layouts 3. Content analytics/insights 4. AI-assisted content creation tools). 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 image upload modules) 2. Function modules unrelated to personal space (e.g., a built-in game) 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 UI/data/storage layers), organization of CSS (use of CSS variables or preprocessors), and script modularity. 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 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 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 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. 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-Blogs/Forums",
+  "difficulty": "easy"
+}

package/library/web_applications-blogs_forums/simple-forum-html.json

@@ -0,0 +1,68 @@
+{
+  "index": 1811,
+  "question": "You are a code expert, please use your professional knowledge to generate accurate and professional responses. Be sure to ensure that the generated code is executable and displayable. Write HTML for a simple forum.",
+  "checklist": [
+    {
+      "id": 0,
+      "title": "Is the forum core functionality fully implemented?",
+      "description": "Review whether the code accurately implements essential forum features through HTML/JavaScript, including post creation, reply threading, user authentication, and content display hierarchy. Score 0 if basic CRUD operations are missing, 5 if only basic post/reply is implemented, and 10 if complete forum workflow including nested replies, post categorization, and user profiles are fully functional.",
+      "maxScore": 10
+    },
+    {
+      "id": 1,
+      "title": "Is the data persistence and state management properly handled?",
+      "description": "Check whether the implementation includes proper data storage mechanism (localStorage/sessionStorage or backend integration), user session management, and real-time content updates. Deduct 5 points if data persistence is missing, 3 points if user authentication state is not maintained across sessions. Full score requires seamless data flow and state synchronization.",
+      "maxScore": 10
+    },
+    {
+      "id": 2,
+      "title": "Is the forum navigation and content organization well-structured?",
+      "description": "Evaluate whether the forum structure includes proper categorization, search functionality, pagination for large content sets, and breadcrumb navigation. Deduct 5 points if content hierarchy is flat without categories, 3 points if search/filter capabilities are missing. Full implementation should include sortable posts, topic tagging, and intuitive navigation patterns.",
+      "maxScore": 10
+    },
+    {
+      "id": 3,
+      "title": "Are user interaction features and moderation tools implemented?",
+      "description": "Check whether the code includes user engagement features like voting/rating systems, user reputation, post editing/deletion capabilities, and basic moderation tools. Deduct 5 points if user roles and permissions are not implemented, 3 points if content moderation features are missing. Full score requires comprehensive user interaction ecosystem.",
+      "maxScore": 10
+    },
+    {
+      "id": 4,
+      "title": "Is the code robust?",
+      "description": "Evaluate whether the code can handle common abnormal situations (such as empty inputs, XSS attacks, spam prevention, invalid user operations, etc.) and provide friendly error prompts or recovery mechanisms. Code with strong robustness should include input validation, sanitization, and graceful error handling, 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 forum experience (e.g., 1. Real-time typing indicators 2. Rich text editor with media support 3. Thread subscription notifications 4. Dark/light theme toggle 5. Advanced search with 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. Redundant implementation of similar functions (e.g., multiple post creation forms) 2. Function modules unrelated to forum functionality (e.g., built-in games or irrelevant widgets) 3. Excessive animations that impact usability. Deduct 3 points for each redundancy found, and directly deduct 10 points if core forum functions are interfered with by redundant code.",
+      "maxScore": 10
+    },
+    {
+      "id": 7,
+      "title": "Does the code have engineering quality?",
+      "description": "Review modular design (separating forum logic/presentation/data layers), semantic HTML structure, and maintainable code organization. Deduct 5 points if HTML structure lacks semantic meaning or accessibility attributes; deduct 5 points if CSS/JS code duplication rate is too high (over 30%); deduct 5 points if no component-based architecture is used. The full score requires clean, maintainable, and scalable code structure.",
+      "maxScore": 10
+    },
+    {
+      "id": 8,
+      "title": "Does the interface design meet professional forum standards?",
+      "description": "Evaluate whether the design follows modern forum UI principles: 1) Clear content hierarchy with proper typography (readable font sizes ≥ 14px, appropriate line spacing) 2) Consistent color scheme that enhances readability 3) Proper spacing and alignment following grid principles 4) Mobile-responsive design. Deduct 3 points for poor content readability, 5 points for inconsistent visual design, and 5 points for non-responsive layout. The full score is 10 points.",
+      "maxScore": 10
+    },
+    {
+      "id": 9,
+      "title": "Is the user interaction smooth and intuitive?",
+      "description": "Judge whether the forum interactions provide excellent user experience: 1) Immediate feedback for user actions (post submission, voting, etc.) ≤ 100ms 2) Smooth transitions between forum sections 3) Clear visual indicators for new content, user status, and interactive elements 4) Keyboard navigation support. Deduct 5 points for each interaction without proper feedback, 3 points for confusing navigation flow, and 5 points for poor accessibility. The full score is 10 points.",
+      "maxScore": 10
+    }
+  ],
+  "class": "Web Applications-Blogs/Forums",
+  "difficulty": "hard"
+}