4 skills: SvelteKit, canvas, drag-drop, SVG anim. Build UI right first try.
Frontend implementation and review skills for canvas, drag-and-drop, Svelte 5 / SvelteKit, and SVG animation work.
These skills follow the Agent Skills specification so they can be used by any skills-compatible agent.
npx skills add robcsaszar/frontend-kit
/plugin marketplace add robcsaszar/frontend-kit
/plugin install robcsaszar-frontend-kit@frontend-kit
Copy the skills/ directory into your project's .claude/skills/.
npx skills add robcsaszar/frontend-kit --skill with-canvas
Or manually copy just that skill's directory.
| Skill | Description |
|---|---|
| with-canvas | Canvas implementation and review guidance for vanilla JS/TS, Web Workers, OffscreenCanvas, and libraries such as Konva, p5.js, Paper.js, and Three.js |
| with-drag-drop | Guidance for building drag-and-drop from scratch: free-dragging, sortable lists, resizable panels, and drop zones, no third-party dependency required |
| with-svelte | Modern Svelte 5 and SvelteKit guidance: runes, template directives, routing, data flow, remote functions, and deployment |
| with-svg-animation | Guidance on performant SVG animation: stroke draw effects, path morphing, clip-path animation, and choosing between CSS, GSAP, and anime.js |
MIT © Rob Csaszar