skills.rest
Raudbjorn
RaudbjornCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

svelte-expert

Validate Svelte 5 components with svelte-autofixer and access official documentation.

6|Updated Oct 29, 2025
Search Tags:#components#svelte#reactivity#sveltekit#playground#stores#code-validation
One-click install
npx skills add https://github.com/Raudbjorn/claude --skill svelte-expert
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: svelte-expert
Source: https://github.com/Raudbjorn/claude/tree/main/svelte-expert
Command: npx skills add https://github.com/Raudbjorn/claude --skill svelte-expert

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides expert guidance and tooling to build production-ready Svelte/SvelteKit components and apps, reducing boilerplate and debugging time.

Core Features & Use Cases

  • Documentation access to Svelte/SvelteKit references via the get_documentation tool.
  • Code validation with svelte-autofixer to ensure components conform to Svelte 5 patterns.
  • Playground link generation for rapid prototyping and iteration.
  • Ready-made component patterns, stores, transitions, and animations to accelerate development.
  • Real-world use cases include building a Counter component, a SvelteKit route, or a dynamic store-driven UI.

Quick Start

Ask the svelte-expert to generate a minimal Counter.svelte component and validate it with svelte-autofixer.

Frequently Asked Questions about svelte-expert

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build production-ready Svelte components with correct reactivity?▼

Build production-ready Svelte components by using runes and official documentation references. Validate your code with the svelte-autofixer tool to ensure strict conformance to Svelte 5 reactivity patterns.

What's the best way to create and validate SvelteKit routes and stores?▼

Create SvelteKit routes and stores by applying ready-made patterns and accessing official docs. Validate the generated code through the svelte-autofixer to ensure robust, production-ready component architecture.

Can I generate a Svelte playground link for rapid component prototyping?▼

Yes, you can generate optional Svelte playground links for rapid prototyping. This allows you to quickly iterate on components, transitions, and animations without manual setup.

Does this tool provide access to official Svelte and SvelteKit documentation?▼

Yes, it provides direct access to official Svelte and SvelteKit documentation via the get_documentation tool. This ensures your component patterns and reactivity logic align with current official standards.

How do I fix Svelte 5 code that doesn't conform to modern reactivity patterns?▼

Fix non-conforming Svelte 5 code by running it through the svelte-autofixer code validation tool. It analyzes your components and corrects reactivity issues to match production-ready standards.

When do I need to use runes for Svelte component development?▼

Use runes when building Svelte components that require robust, production-ready reactivity. Accessing official documentation references helps determine the exact rune patterns needed for your specific stores and UI.

Related Skills

Explore More Software Engineering Skills→
petarkabashkipetarkabashki

project-setup-info-context7

Resolve library IDs and retrieve scaffolding instructions for project setup.

Community
Basic
HeldinhowHeldinhow
4

svelte-kit

Develop full-stack web applications with SvelteKit's SSR, routing, and API endpoints.

Community
Intermediate
mgd34msumgd34msu
4

css-modules

Implements scoped CSS styling with TypeScript support for web apps.

Community
Intermediate
wshobsonwshobson
38.6k

web-component-design

Design reusable web UI components with patterns and styling approaches.

Community
Intermediate