joshuashepherd/my-skills/add-section-type
Trust tier 3
- community
Source check pending
Checking that the SKILL.md file is still in the repository.
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").
Install
npx vskill@latest install joshuashepherd/my-skills/add-section-typeSKILL.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
Security
- Security scanPassed, 90 of 100Pattern checks on the skill's files.
- Model reviewPassed
Quality evaluation
- Task evaluationNot runNo evaluation yet. Run one in Skill Studio.
Source
- SKILL.md in the repositoryCheckingclaude/design/add-section-type/SKILL.md
Popularity
- 7-day trend score
- 5
Not refreshed yet.
Works with
Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.
- Claude Code
- Cursor
- GitHub Copilot
- Windsurf
- Codex
- Gemini CLI
- Cline
- Amp
- Roo Code
- Goose
- Continue
- Kilo Code
- Junie
- Trae
- OpenHands
- Qwen Code
- AI Agent
- Tabnine Chat
- Sourcegraph Cody
- Amazon Q
- Firebase Genkit
- Sweep
- Devin
- Phind
- Mentat
- Claude Desktop
- Aider
- GPT Pilot
- Plandex
- bolt.new
- v0
- Replit Agent
- Anse
- TypingMind
- BetterChatGPT
- LibreChat
- Warp AI
- Pieces
- Fig AI
Embed badge
[](https://verified-skill.com/skills/joshuashepherd/my-skills/add-section-type)