frontend-svelte SKILL.md skillB

This file is byte-identical to the first copy the registry indexed. Same content hash, so the same checks give both the same grade.

frontend-svelte from projanvil/mindforge is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add projanvil/mindforge/frontend-svelte@git:20261016.6f8a292

Pins git:20261016.6f8a292 in mdr.lock. Pin the fingerprint instead.

Audit grade
B, 16 of 17 checks passed
Kind
SKILL.md skill
Repository
projanvil/mindforge
Path
plugins/mindforge-zh-cn/skills/frontend-svelte/SKILL.md
Versions recorded
1
Latest version
git:20261016.6f8a292, committed Oct 16, 2026
Size
13,498 bytes
Repository stars
3
License
MIT

现代前端开发综合技能,涵盖 Svelte、SvelteKit、shadcn-svelte 和 Bun 生态系统。使用此技能构建现代 Web 应用、创建 UI 组件、实现状态管理、处理表单,或使用基于 TypeScript 的前端架构时使用。适用于需要响应式框架、服务端渲染或类型安全组件开发的项目。.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# 前端开发技能

现代前端开发的综合技能,包含 Svelte、SvelteKit、shadcn-svelte 和 Bun 生态系统。

## 何时使用

触发场景:当用户提出以下请求时,使用本 skill:

- 当需要构建 Svelte 或 SvelteKit 应用时
- 当需要编写响应式组件或处理表单时
- 当用户要求进行状态管理或服务端渲染时

## 技术栈

### 核心框架:Svelte + SvelteKit

#### Svelte 基础
- **响应式框架**:编译时框架,将组件转换为高效的命令式代码
- **真正的响应式**:自动依赖跟踪,无需虚拟 DOM
- **小包体积**:最小的运行时开销
- **内置动画**:过渡和动画指令
- **作用域样式**:组件样式默认作用域

#### SvelteKit 特性
- **全栈框架**:服务端渲染(SSR)、静态站点生成(SSG)和客户端渲染(CSR)
- **基于文件的路由**:路由由文件系统结构定义
- **API 路由**:在前端代码旁构建 API 端点
- **表单操作**:服务端表单处理,渐进式增强
- **钩子**:拦截和修改请求/响应
- **适配器**:部署到任何平台(Node、Vercel、Netlify、Cloudflare 等)

### UI 组件库:shadcn-svelte

#### 概览
- shadcn/ui 的 Svelte 版本
- 基于 Radix Svelte(Melt UI)构建的可访问、可定制组件
- 复制粘贴组件方式(不是 npm 包)
- 使用 Tailwind CSS 构建
- TypeScript 支持

#### 关键组件
- **表单**:Input、Textarea、Select、Checkbox、Radio、Switch
- **反馈**:Alert、Toast(Sonner)、Dialog、Alert Dialog
- **导航**:Button、Dropdown Menu、Tabs、Command Menu
- **布局**:Card、Separator、Accordion、Collapsible
- **数据展示**:Table、Badge、Avatar、Skeleton
- **覆盖层**:Popover、Tooltip、Sheet、Drawer

#### 安装和使用
```bash
# 初始化 shadcn-svelte
bunx shadcn-svelte@latest init

# 按需添加组件
bunx shadcn-svelte@latest add button
bunx shadcn-svelte@latest add card
bunx shadcn-svelte@latest add form
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add projanvil/mindforge/frontend-svelte@sha256:585b11232eee9b25

The line at the top of this page pins the label git:20261016.6f8a292, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_hf77vm6go46bpy52.svg)](https://markdownregistry.com/a/art_hf77vm6go46bpy52)

2 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 1 version of this file, committed on Oct 16, 2026.

versioncommittedcommitsizeaudit
git:20261016.6f8a292 latest2026-10-16 6f8a292 13,498 BB view

Audit of the latest version

B  16 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • fail: No script tag (matched: <script)
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (13498 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address

Starting a new one? Use a template for SKILL.md on mdpantry, which passes every one of these checks and says what to change in it.

Source

GitHub

projanvil/mindforge · 3 stars · license MIT · pushed 2026-10-21 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_hf77vm6go46bpy52
GET https://markdownregistry.com/api/v1/resolve?ref=projanvil/mindforge/frontend-svelte
GET https://markdownregistry.com/api/v1/blob/585b11232eee9b25b1e97793d3035476c4410482c34ba68ee0793f96129ad2ba

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from projanvil/mindforge

api-design SKILL.md skill
projanvil/mindforge · plugins/mindforge-en/skills/api-design/SKILL.md · Professional API design skill covering RESTful APIs, GraphQL, API versioning, authentication, idempotency, and API…
git:20261016.6f8a292 · audit A · 3 stars
database-design SKILL.md skill
projanvil/mindforge · plugins/mindforge-en/skills/database-design/SKILL.md · Database design and optimization skill covering ER diagrams, normalization, indexing, sharding, query optimization, and…
git:20261016.6f8a292 · audit A · 3 stars
design-pattern SKILL.md skill
projanvil/mindforge · plugins/mindforge-en/skills/design-pattern/SKILL.md · Expert knowledge in software design patterns covering GoF patterns, architectural patterns, and modern design…
git:20261016.6f8a292 · audit A · 3 stars
enterprise-java SKILL.md skill
projanvil/mindforge · plugins/mindforge-en/skills/enterprise-java/SKILL.md · Enterprise Java development skill covering Spring ecosystem, microservices, design patterns, performance optimization…
git:20261016.6f8a292 · audit A · 3 stars
frontend-react SKILL.md skill
projanvil/mindforge · plugins/mindforge-en/skills/frontend-react/SKILL.md · Professional React development skill covering Next.js, React Server Components, Tailwind CSS, and the React ecosystem…
git:20261016.6f8a292 · audit A · 3 stars
frontend-svelte SKILL.md skill
projanvil/mindforge · plugins/mindforge-en/skills/frontend-svelte/SKILL.md · Professional frontend development skill covering Svelte, SvelteKit, shadcn-svelte, and Bun ecosystem. Use this skill…
git:20261016.6f8a292 · audit B · 3 stars
frontend-vue SKILL.md skill
projanvil/mindforge · plugins/mindforge-en/skills/frontend-vue/SKILL.md · Professional Vue.js development skill covering Nuxt 3, Vue 3 Composition API, Tailwind CSS, and the Vue ecosystem. Use…
git:20261016.6f8a292 · audit B · 3 stars
git-guru SKILL.md skill
projanvil/mindforge · plugins/mindforge-en/skills/git-guru/SKILL.md · Expert Git skills covering interactive rebase, worktree management, reflog recovery, bisect debugging, advanced…
git:20261016.6f8a292 · audit A · 3 stars
go-development SKILL.md skill
projanvil/mindforge · plugins/mindforge-en/skills/go-development/SKILL.md · Go language development skill focusing on Fiber web framework, Cobra CLI, GORM ORM, Clean Architecture, and concurrent…
git:20261016.6f8a292 · audit A · 3 stars
javascript-typescript SKILL.md skill
projanvil/mindforge · plugins/mindforge-en/skills/javascript-typescript/SKILL.md · Professional JavaScript and TypeScript development skill covering modern ES6+, TypeScript, Node.js, Express, React…
git:20261016.6f8a292 · audit A · 3 stars
product-management SKILL.md skill
projanvil/mindforge · plugins/mindforge-en/skills/product-management/SKILL.md · Expertise in product management lifecycle, from ideation to launch. Covers requirements gathering, user story creation…
git:20261016.6f8a292 · audit A · 3 stars
python-development SKILL.md skill
projanvil/mindforge · plugins/mindforge-en/skills/python-development/SKILL.md · Professional Python development skill covering modern Python 3.10+, FastAPI, Django, Flask, async programming, data…
git:20261016.6f8a292 · audit A · 3 stars

Every file in projanvil/mindforge

Other files named frontend-svelte

frontend-svelte SKILL.md skill
projanvil/mindforge · plugins/mindforge-en/skills/frontend-svelte/SKILL.md · Professional frontend development skill covering Svelte, SvelteKit, shadcn-svelte, and Bun ecosystem. Use this skill…
git:20261016.6f8a292 · audit B · 3 stars
frontend-svelte SKILL.md skill
projanvil/mindforge · skills/zh-cn/frontend-svelte/SKILL.md · 现代前端开发综合技能,涵盖 Svelte、SvelteKit、shadcn-svelte 和 Bun 生态系统。使用此技能构建现代 Web 应用、创建 UI 组件、实现状态管理、处理表单,或使用基于 TypeScript…
git:20261009.b4230f2 · audit B · 3 stars
frontend-svelte SKILL.md skill
projanvil/mindforge · skills/en/frontend-svelte/SKILL.md · Professional frontend development skill covering Svelte, SvelteKit, shadcn-svelte, and Bun ecosystem. Use this skill…
git:20261009.b4230f2 · audit B · 3 stars

Browse by kind, by grade B, or by owner.