What problem does it solve? Authoring interactive exercises for MDX lessons often leads to one-off JSX, blank-rendering islands, and repetitive quiz questions. This Skill standardizes how multiple-choice questions, quizzes, matching, categorization, and fill-in-the-blank exercises are built and embedded in an Astro + React lessons site. ## Core Features & Use Cases - Reuse existing components: Drop MCQ, Quiz, FinalExam, MatchConcepts, Categorize, FillBlank, and MindMap islands into MDX via client:* directives with prop-based data. - Author new reusable islands: Enforces barrel exports, design tokens, accessibility, i18n label props, and onResult composability for any new React exercise component. - Build-time validation: Requires misconfigured components to throw during render so astro build fails loudly instead of shipping blank exercises, with a mandatory guard-test workflow. - Use Case: When writing a new lesson, you need a multi-select question and a concept-matching exercise per section — this Skill gives you the exact MDX snippets, placement rules, and question-writing guidelines to do it correctly. ## Quick Start Ask the AI to add a multi-answer MCQ and a concept-to-definition matching exercise to the current lesson using the existing exercise components.
