skills.rest
vizigr0u
vizigr0uCOMMUNITY
Explore all skills by this author →
GitHub

frontend

Develop Svelte 5 frontend components, stores, and WASM bridge integration.

4|1|Updated Aug 19, 2023
Search Tags:#ui#debugging#frontend#state-management#wasm#svelte5#gameboy
One-click install
npx skills add https://github.com/vizigr0u/svelteboy --skill frontend-vizigr0u
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend
Source: https://github.com/vizigr0u/svelteboy/tree/main/.claude/skills/frontend
Command: npx skills add https://github.com/vizigr0u/svelteboy --skill frontend-vizigr0u

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a structured context for advancing the Svelte 5 frontend of SvelteBoy, including components, stores, and the WASM bridge.

Core Features & Use Cases

  • Centralizes frontend architecture work for the /src directory, covering UI components, state management with Svelte stores, and WASM interoperability with the backend.
  • Supports migration and experimentation with Svelte 5 runes, scaffolding development patterns and debugging workflows.
  • Enables deterministic development and testing of the frontend in concert with the backend.

Quick Start

Start the frontend by running pnpm run dev from the project root.

Frequently Asked Questions about frontend

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

FAQPage Schema
How do I structure a Svelte 5 frontend with WASM bindings?▼

Structure your Svelte 5 frontend by centralizing UI components, orchestrating state flow with stores, and integrating the WASM bridge. This approach scaffolds development patterns for the /src directory and enables deterministic testing with backend bindings.

What is the best way to manage state in Svelte 5 using runes?▼

Manage state in Svelte 5 by migrating to runes and orchestrating state flow with Svelte stores. This structured context supports experimentation with runes and enables deterministic development and testing of your frontend architecture.

How do I start the development server for a Svelte 5 frontend project?▼

Start the Svelte 5 frontend development server by running pnpm run dev from the project root. This initiates the local environment for advancing components, stores, and the WASM bridge.

Does this frontend workflow support WebAssembly backend integration?▼

Yes, the frontend workflow supports WebAssembly integration by relying on the build/backend WASM bindings. It enables deterministic development and testing of the frontend in concert with the backend through the WASM bridge.

How do I debug a Svelte 5 frontend connected to a WASM backend?▼

Debug your Svelte 5 frontend by utilizing the structured context for advancing components, stores, and the WASM bridge. This workflow supports scaffolding debugging patterns to resolve state flow and interoperability issues deterministically.

Related Skills

Explore More Software Engineering Skills→
RinKhimeraRinKhimera
2

convex-quickstart

Initialize and configure a Convex backend for frontend projects.

Community
Intermediate
TophC7TophC7

new-component

Scaffolds Svelte 5 components with runes and standardized structure for Sworm.

Community
Intermediate
librefanglibrefang
10

wasm-expert

Guide compiling, optimizing, and integrating WebAssembly modules across runtimes.

Official
Advanced
mgd34msumgd34msu
4

svelte

Build Svelte 5 user interfaces with runes and stores.

Community
Intermediate