Moving Icons

This skill helps to integrate animated icons into Svelte/SvelteKit apps and consume @jis3r/icons in product UIs.

When to Use This Skill

Use this skill when the user:

• Asks to add animated icons in a Svelte or SvelteKit interface
• Mentions "animated icons", "moving icons" or @jis3r/icons
• Needs icon import and usage help (PascalCase imports, props, theming, sizing)
• Wants hover/focus/selected-state animation patterns using the animate prop
• Wants to migrate from @lucide/svelte to animated icons with minimal UI regressions

Workflow

1. Confirm integration path.

• npm: install package and import named components.
• Prefer package imports instead of URL-fetched component payloads.