Use when building the Sentinel web UI with Svelte 5.
Scanned 9/10/2026
Install to Claude Code
Skills Directorynpx -y skills add LoopyLuci/Skills --skill svelte-web-dashboard --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Svelte Web Dashboard?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/loopyluci-svelte-web-dashboard)More formats (shields.io, HTML) on the badges page.
---
name: svelte-web-dashboard
title: Svelte Web Dashboard
description: Use when building the Sentinel web UI with Svelte 5.
category: networking
tags: [svelte, frontend, ui, dashboard, typescript, vite]
---
# Svelte Web Dashboard
**Trigger**: Use when building or modifying the Sentinel web dashboard UI.
**Libraries**: Svelte 5, SvelteKit, TypeScript, Vite, Tailwind CSS 4, Chart.js, lucide-svelte
**Implementation**: SvelteKit with static adapter for SPA deployment. Routes: /dashboard, /queries, /firewall, /filters, /analytics, /settings. Component tree: Layout (Sidebar + TopBar) → Pages → Widgets. API client via fetch with TypeScript types. MCP WebSocket client for live updates. Reactive state with Svelte 5 $state/$derived runes. Responsive: mobile sidebar collapses.
**Connected**: `realtime-dashboard`, `mcp-network-server`, `rust-core-ffi`, `python-orchestrator`, `service-orchestrator`
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!
Use this skill when developing or maintaining browser extension code in the `browser/` directory, including Chrome/Firefox/Edge compatibility, content scripts, background scripts, or i18n updates.
