skills.rest
JCE-Joshhh77
JCE-Joshhh77COMMUNITY
Explore all skills by this author →
WebsiteGitHub

svelte

Guide Svelte 5 developers through structured workflows for SvelteKit tasks.

16|Updated Apr 30, 2026
Search Tags:#frontend#svelte#runes#web-development#sveltekit
One-click install
npx skills add https://github.com/JCE-Joshhh77/JCE-Opencode-Tools --skill svelte-jce-joshhh77
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: svelte
Source: https://github.com/JCE-Joshhh77/JCE-Opencode-Tools/tree/main/config/skills/svelte
Command: npx skills add https://github.com/JCE-Joshhh77/JCE-Opencode-Tools --skill svelte-jce-joshhh77

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provide guided workflows and best practices to accelerate Svelte task work and debugging.

Core Features & Use Cases

  • Guided workflows for common Svelte tasks (setup, debugging, feature integration)
  • Rune-based reactivity and pattern guidance for SvelteKit
  • Use Case: A developer is tasked with adding a new Svelte route; follow structured steps to implement, test, and verify.

Quick Start

Analyze a given Svelte task and output a concrete, executable plan to implement or debug it.

Frequently Asked Questions about svelte

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

FAQPage Schema
How do I implement reactivity in Svelte 5 using runes?▼

Svelte 5 reactivity uses runes to manage state and derived values. Guided workflows help you apply rune-based patterns correctly, ensuring reactivity functions as expected during feature implementation and debugging.

What is the best way to add a new route in SvelteKit?▼

Adding a new SvelteKit route requires following structured steps for data loading and routing patterns. This workflow provides concrete plans to implement, test, and verify route functionality while addressing SSR and CSR considerations.

How do I debug Svelte SSR and CSR rendering issues?▼

Debugging Svelte SSR and CSR issues requires analyzing server-side and client-side rendering behavior. Structured workflows guide you through identifying reactivity or data loading mismatches and outputting an executable debugging plan.

Can I use this for Svelte 5 project setup and feature integration?▼

Yes, Svelte 5 projects using SvelteKit and runes are fully supported. The workflow covers setup, debugging, and feature integration by analyzing your specific task and generating a concrete, executable implementation plan.

Why does my SvelteKit data loading pattern break during client-side navigation?▼

SvelteKit data loading can break during navigation due to incorrect routing patterns or CSR reactivity issues. Structured verification steps help isolate the functional mismatch and provide best practices to resolve it.

Related Skills

Explore More Software Engineering Skills→
aguirrerjgaguirrerjg
1

svelte5-best-practices

Review Svelte 5 components for correct rune syntax and SvelteKit patterns.

Community
Intermediate
salvo-rssalvo-rs
20

salvo-testing

Validate Salvo handlers, middleware, and routing with TestClient.

Official
Intermediate
hschnehschne
1

svelte

Enforce standardized Svelte 5 component development best practices.

Community
Intermediate
adamhjkadamhjk
2

solid

Explain SolidJS reactivity, component lifecycle, routing, and SSR development.

Community
Intermediate