svelte-gantt
OfficialBuild and customize interactive Svelte Gantt charts.
Software Engineering#task management#api integration#svelte#project timeline#drag-and-drop#gantt chart#component customization
Authorsvar-widgets
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill eliminates the need to search through scattered documentation to implement, configure, and customize the SVAR Svelte Gantt component for project timeline visualization, saving developers hours of trial and error when building task management, scheduling, and resource planning interfaces.
Core Features & Use Cases
- Comprehensive Component Guidance: Covers all core Gantt components including the main timeline grid, toolbar, context menu, task editor, tooltips, header menu, and light/dark Willow theme wrappers.
- Full Configuration & Customization Support: Includes instructions for task and link data setup, custom time scales, zoom, markers, holiday highlighting, CSS styling via variables, and pro features like critical path, baselines, rollups, auto-scheduling, and undo/redo.
- Real-World Use Case: A developer building a project management SvelteKit app can use this Skill to quickly implement a drag-and-drop Gantt chart with custom task editors, REST data persistence, and MS Project import/export functionality.
Quick Start
Use the svelte-gantt skill to add a basic interactive Gantt chart with sample task data and the Willow theme to your Svelte component.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: svelte-gantt Download link: https://github.com/svar-widgets/gantt/archive/main.zip#svelte-gantt Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 536,000+ vetted skills library on demand.