quiz-attempt-result-display

Fix quiz result displays for null scores, file labels, and CSV exports.

2|Updated May 10, 2026
One-click install
npx skills add https://github.com/freedomw1987/tree_monstor --skill quiz-attempt-result-display
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: quiz-attempt-result-display
Source: https://github.com/freedomw1987/tree_monstor/tree/main/skills/frontend/quiz-attempt-result-display
Command: npx skills add https://github.com/freedomw1987/tree_monstor --skill quiz-attempt-result-display

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Teachers viewing quiz and assignment submission results in the UMAC AI project encounter multiple display errors: ungraded submissions with null scores show a placeholder dash instead of the expected "待批改" text, text-only answers without file attachments lack proper labeling, submissions without files show a misleading "下載作品" download button instead of "無作品", and CSV exports omit file names and fail to format null scores correctly for grading review.

Core Features & Use Cases

  • Correct Null Score Rendering: Displays ungraded (score null) quiz attempts as "待批改" instead of placeholder characters for clear, immediate grading status.
  • File Attachment Logic: Shows "(文字回答)" for text-only submissions with no file, displays a "無作品" button with an alert for submissions without attachments, and a "下載作品" button for submissions with valid file attachments.
  • Structured CSV Export: Generates export files that include the student's submitted file name and convert null scores to "待批改" for accurate offline record-keeping.
  • Use Case: A teacher managing 50 student quiz submissions can use this skill to ensure the results page accurately reflects grading status, allows correct file access, and exports a clean, formatted CSV for offline grading review.

Quick Start

Use the quiz-attempt-result-display skill to implement the correct display logic for the teacher quiz results page, including null score handling, file download button behavior, and CSV export with submission file names.

Frequently Asked Questions about quiz-attempt-result-display

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I display null quiz scores as pending grading text in React?

To display null quiz scores as pending grading text in React, you apply conditional rendering logic that intercepts null values and formats them as localized pending grading text instead of rendering default placeholder dashes for ungraded submissions.

How do I generate a CSV export of student quiz results with file names and null scores?

To generate a CSV export of student quiz results with file names and null scores, you need to parse file names from JSON answer fields and format null scores as localized pending grading text within your export logic for accurate offline record-keeping.

How do I fix a broken file download button for submissions without attachments in Elysia.js?

To fix a broken file download button for submissions without attachments in Elysia.js, you implement conditional button logic that displays a disabled or alert-triggering button for text-only submissions, and only enables the download action for valid file attachments.

How do I deduplicate student submission records to show only the latest attempt?

To deduplicate student submission records to show only the latest attempt, you apply data filtering logic on your backend to group submissions by student and select the most recent timestamp, ensuring the teacher view displays a single record per student.

Does this teacher quiz result display fix work for both React frontend and Elysia.js backend?

Yes, this teacher quiz result display fix works for both React frontend and Elysia.js backend implementations, specifically addressing rendering student submission lists, handling file attachments, and generating CSV exports for educational platforms.