菜单
Changes Svelte 5 and SvelteKit files in this repo using the required Svelte MCP flow and local UI conventions. Use when editing `.svelte`, `.svelte.ts`, route components, shared blocks, editor panels, or homepage UI behavior.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Maintains article, project, and markdown-backed content flows in this SvelteKit portfolio. Use when editing `src/articles/**`, blog/project routes, `src/lib/articles.ts`, `src/lib/markdown.ts`, content reader panels, or the dev content editor.
Maintains this repo's UI component library, design page, component documentation registry, and design-system docs. Use when editing `src/lib/components/ui/**`, `src/lib/components/design/**`, `src/lib/registry/designComponents.ts`, `src/routes/design/**`, or `docs/components/**`.
Maintains homepage registry data, grid item types, shuffled layout behavior, reader panels, and homepage block wiring. Use when editing `src/lib/registry/homepage.ts`, `src/lib/types/homepage.ts`, grid components, homepage blocks, or `src/routes/+page.svelte`.
Maintains the dev performance analytics pipeline across browser instrumentation, persisted analytics API, Prisma storage, and editor analytics UI. Use when editing `performanceAnalytics`, `/api/performance-analytics`, analytics Prisma models, or editor analytics sections.
Implements SvelteKit API routes in this repo using the existing server, env, and response conventions. Use when editing `src/routes/api/**/+server.ts`, adding new endpoints, or connecting server routes to Prisma or GitHub-backed data.
Maintains the dev-only editor route and its shared homepage customization state. Use when changing `/editor`, grid layout behavior, local user settings, debug toggles, or editor section components.
| name | repo-svelte-change-workflow |
| description | Changes Svelte 5 and SvelteKit files in this repo using the required Svelte MCP flow and local UI conventions. Use when editing `.svelte`, `.svelte.ts`, route components, shared blocks, editor panels, or homepage UI behavior. |
src/**/*.svelte or src/**/*.svelte.tssrc/routes/+layout.svelte or src/routes/**/+page.svelteAGENTS.md.list-sections, then get-documentation for every relevant section.$props, $state, $effect, and shared state in .svelte.ts modules.npm run check, the nearest Vitest file, or the relevant Playwright spec.src/lib/stores/*.svelte.ts.src/lib/components/blocks/src/lib/components/editor/src/lib/components/hero/src/lib/components/ui/