Svelte
AI 编程助手的专业技能库,涵盖 30+ 技能,按 6 类组织
npx -y skills add morning-start/agent-skills --skill svelteAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
2 things to look at
- no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
- 1 stars1 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
What its author says it does
Copied from the file, not written here
Use when the user asks about Svelte 5, Runes, component development, template syntax, control flow, state management, styling, lifecycle, testing, migration, or SvelteKit app setup.
SKILL.md
3.0 KB, as published. Nobody here has run it
Svelte Skills
任务目标
- 本 Skill 用于:掌握 Svelte 框架开发的完整技能体系
- 能力包含:组件开发、响应式状态、模板控制流、DOM 交互、样式管理、状态共享、测试部署
- 触发条件:需要开发 Svelte 应用或学习 Svelte 框架时
技能地图
入门技能
- svelte-core - 核心基础:项目创建、文件结构、Rune 概念
- svelte-runes - Runes 系统:$state、$derived、$effect、$props
模板技能
- svelte-template-basics - 模板基础:标记语法、文本插值、特殊标签
- svelte-control-flow - 控制流:if、each、await、snippet
交互技能
- svelte-directives - 指令系统:bind、use、transition、animate
样式技能
- svelte-styling - 样式管理:作用域样式、CSS 自定义属性
高级技能
- svelte-special-elements - 特殊元素:svelte:window、element、head
- svelte-state-management - 状态管理:Stores、Context API
- svelte-lifecycle - 生命周期:挂载、销毁、命令式 API
工程技能
- svelte-best-practices - 最佳实践:测试、TypeScript、迁移指南
- svelte-api-reference - API 参考:svelte/* 模块完整文档
兼容技能
- svelte-legacy - 遗留语法:Svelte 4 兼容代码维护
学习路径
入门路线
- svelte-core - 了解 Svelte 基础概念
- svelte-runes - 掌握 Runes 响应式系统
- svelte-template-basics - 学习模板语法
- svelte-control-flow - 掌握条件与循环
- svelte-directives - 学会 DOM 交互
进阶路线
- svelte-styling - 样式管理
- svelte-special-elements - 特殊元素
- svelte-state-management - 跨组件状态
- svelte-lifecycle - 生命周期钩子
专业路线
- svelte-best-practices - 最佳实践
- svelte-api-reference - API 参考
- svelte-legacy - 遗留代码
资源索引
- 官方文档:https://svelte.dev/docs
- 官方教程:https://svelte.dev/tutorial
- Playground:https://svelte.dev/playground
- SvelteKit:https://kit.svelte.dev
注意事项
- 推荐使用 SvelteKit 作为应用框架
- 优先使用 Svelte 5 Runes 语法
- 新项目避免使用遗留语法
- 遵循最佳实践编写高质量代码