add-section-type
Installation
SKILL.md
Create a new course section component for the section type: $0
Process
- Read 2-3 existing sections in
{{COURSE_SECTIONS_DIR}}/to understand the pattern (e.g.,ReadingSection.tsx,VideoSection.tsx,ReflectionSection.tsx) - Read
{{COURSE_SECTIONS_DIR}}/SectionContent.tsxto understand the section registry and how sections are rendered - Create the new section at
{{COURSE_SECTIONS_DIR}}/$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