Agent skill
wbs-gantt-management
Implement WBS (Work Breakdown Structure) and Gantt chart functionality. Use when working with task scheduling, date range calculations, drag-and-drop timeline interactions, or project planning features.
Stars
163
Forks
31
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/productivity/wbs-gantt-management-jhlee0409-eureka
SKILL.md
WBS Gantt Management
WBS(작업분해구조) 및 간트차트 기능 구현 스킬입니다.
Quick Reference
날짜 계산
typescript
// 두 날짜 사이 일수
const days = differenceInDays(endDate, startDate);
// 날짜 위치 (퍼센트)
const position = ((date - startDate) / (endDate - startDate)) * 100;
드래그 인터랙션
- 이동: 전체 바 드래그 → 시작/종료일 동시 변경
- 리사이즈: 좌/우 핸들 드래그 → 시작 또는 종료일만 변경
Contents
- reference.md - 간트차트 날짜 계산 및 렌더링 가이드
- guide.md - 드래그 앤 드롭 인터랙션 패턴
- scripts/validate_schedule.py - 스케줄 검증 유틸리티
When to Use
- 간트차트 컴포넌트 개발 시
- 태스크 날짜 범위 계산 시
- 드래그로 태스크 이동/리사이즈 구현 시
- WBS 테이블과 타임라인 동기화 시
Didn't find tool you were looking for?