用途:本技能用于在 Svelte/SvelteKit 项目中整理与决策前端架构,核心思想是“UI 是 state 的直接反映”,并主张用编译而非运行时来优化。适合需要判断状态放置、组件结构、渲染策略与配信量的场景。
主要能力:区分应用型与文档型 UI、局部状态与共享状态、更新频率高低、是否需要 SSR/SSG、以及配信量与首屏是否是课题。输出按固定顺序给出:推荐方针(1〜3 行)、理由(编译模型/配信量/可维护性)、设计案(状态配置/组件结构/渲染策略/配信)、检查清单、常见陷阱、下一步行动。
基本方针与判断规则:不采用虚拟 DOM,DOM 操作在编译时决定;优先简单的 state 与响应式,不过度增加抽象,避免过早共通化;尽量让所写代码几乎直接对应执行结果;框架职责是以最短路径把开发者意图反映到 DOM。
检查清单:state 是否保持简单;所写代码与行为的距离是否过远;抽象化是否损害“手感”;运行时依赖是否增加;SSR/SSG 的选择理由能否说明。
常见陷阱:照搬 React 式设计(过度状态提升);滥用 store 反而让依赖关系不清晰;把“魔法”当作停止理解的理由;无视 SvelteKit 约定而自建路由。
限制:资料未提供具体安装命令、版本要求、收费或平台信息,也未给出代码示例,故不在此展开。