Create a new course section component and register it in the section router. Use when adding a new section type to the course learn experience (e.g., "add a quiz section type" or "add a new section component").
Installs into .claude/skills of the current project.
Are you the author of Add Section Type?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/joshuashepherd-add-section-type)
---
name: add-section-type
description: Create a new course section component and register it in the section router. Use when adding a new section type to the course learn experience (e.g., "add a quiz section type" or "add a new section component").
---
Create a new course section component for the section type: $0
## Process
1. Read 2-3 existing sections in `{{COURSE_SECTIONS_DIR}}/` to understand the pattern (e.g., `ReadingSection.tsx`, `VideoSection.tsx`, `ReflectionSection.tsx`)
2. Read `{{COURSE_SECTIONS_DIR}}/SectionContent.tsx` to understand the section registry and how sections are rendered
3. Create the new section at `{{COURSE_SECTIONS_DIR}}/$0Section.tsx` following the exact same pattern as existing sections
4. Register it in `SectionContent.tsx` by 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
