skills.rest
ProjAnvil
ProjAnvilOFFICIAL
Explore all skills by this author →
GitHub

frontend-svelte

Build SvelteKit web apps with SSR, routing, and TypeScript.

3|1|Updated Dec 17, 2025
Search Tags:#typescript#frontend#svelte#bun#web-development#sveltekit#ui-components
One-click install
npx skills add https://github.com/ProjAnvil/MindForge --skill frontend-svelte-projanvil
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-svelte
Source: https://github.com/ProjAnvil/MindForge/tree/main/skills/zh-cn/frontend-svelte
Command: npx skills add https://github.com/ProjAnvil/MindForge --skill frontend-svelte-projanvil

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

该技能为前端开发者提供一个涵盖 Svelte、SvelteKit、shadcn-svelte 和 Bun 生态系统的综合技能，帮助搭建现代 Web 应用、创建 UI 组件、实现状态管理、处理表单，并在基于 TypeScript 的架构中提升代码质量与可维护性。

Core Features & Use Cases

  • Svelte + SvelteKit 基础与进阶，支持 SSR/CSR、路由、表单处理与 API 集成。
  • UI 组件库与模式，结合 shadcn-svelte 风格组件，配合 TypeScript 使用。
  • 全栈前端架构指南，覆盖状态管理、测试、无障碍、性能优化及部署实践。

Quick Start

使用本技能创建一个包含响应式 UI 与一个简易表单的 SvelteKit 演示项目。

Frequently Asked Questions about frontend-svelte

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

FAQPage Schema
How do I build reactive web apps with SvelteKit and TypeScript?▼

Build reactive web apps with SvelteKit by applying a production-oriented curriculum covering architecture patterns, state management, and TypeScript integration to deliver maintainable frontend code.

Does SvelteKit work with Bun-based toolchains for web development?▼

SvelteKit works with Bun-based toolchains to support modern frontend web development, enabling fast runtime execution while building reactive UI components and handling application routing.

What is the best way to handle SSR and CSR routing in Svelte?▼

The best way to handle SSR and CSR routing in Svelte is using SvelteKit's built-in capabilities, which streamline server-side and client-side rendering alongside form handling and API integration.

How do I integrate shadcn-svelte UI components into a SvelteKit project?▼

Integrate shadcn-svelte UI components into a SvelteKit project by applying TypeScript patterns and component architecture guidelines to ensure type safety and accessible interface design.

Can I use SvelteKit for full-stack frontend architecture with testing and accessibility?▼

Use SvelteKit for full-stack frontend architecture to implement testing strategies, ensure accessibility compliance, optimize performance, and follow deployment best practices for production-ready applications.

Related Skills

Explore More Software Engineering Skills→
zomeruzomeru

bun

Automates JavaScript/TypeScript builds, tests, and installs with Bun's native tools.

Community
Advanced
pingqLINpingqLIN

svelte

Guide Svelte 5 and SvelteKit development with runes-based reactivity and TypeScript.

Community
Advanced
inbharataiinbharatai
22

svelte-component

Create Svelte 5 components with runes, stores, and SvelteKit integration.

Community
Intermediate
Coffelix2023Coffelix2023
1

vue-expert

Provide expert guidance for Vue 3 and Nuxt 3 development with Composition API and Pinia.

Community
Advanced