course-section
Installation
SKILL.md
Create a new course section component for the section type: $0
Process
- Read 2-3 existing sections in
src/components/courses/sections/to understand the pattern (e.g.,ReadingSection.tsx,VideoSection.tsx,ReflectionSection.tsx) - Read
src/components/courses/sections/SectionContent.tsxto understand the section registry and how sections are rendered - Create the new section at
src/components/courses/sections/$0Section.tsxfollowing the exact same pattern as existing sections - Register it in
SectionContent.tsxby adding the import and mapping entry
Rules
- Follow the exact component signature and prop types of existing sections
- Use shadcn/ui components and semantic CSS classes
- Never hardcode tenant-specific text
- Keep the component focused on rendering its content type