Claude Code skills for SvelteKit, canvas, drag-and-drop, and SVG animation
Skill Claude CodeCodex
Canvas implementation and review guidance for vanilla JavaScript, TypeScript, Web APIs, OffscreenCanvas, Web Workers, CanvasRenderingContext2D, WebGL-backed canvas, and canvas libraries including p5.js, Paper.js, Pencil.js, Konva, ZIM, Three.js, and Babylon.js. Use when creating, editing, optimizing, debugging, or…
Skill Claude CodeCodex
Expert guidance for implementing drag-and-drop in JavaScript from scratch — free-dragging elements, sortable lists, resizable panels, drop zones. Use when making an element draggable, adding pointer-based dragging, building a sortable or reorderable list, or implementing resize handles, without reaching for a…
Skill Claude CodeCodex
Modern Svelte 5 + SvelteKit guidance and routing. Use whenever creating, editing, reviewing, or debugging a Svelte component (.svelte) or module (.svelte.ts/.svelte.js), or any SvelteKit project. Covers runes ($state, $derived, $effect, $props, $bindable), template directives ({@attach}, {@render}, {@html}, snippets…
Skill Claude CodeCodex
Surfaces the SVG animation traps that go unmentioned when a request sounds simple — dash patterns restarting at every subpath, pathLength normalization, transform-box on inner elements. Use whenever animating an SVG (draw-on, hover spin or scale, path morph, clip reveal, scroll-linked draw), including when the request…