# Frontend

> SvelteKit frontend workflows: compact layout, components, API routes, state, and Vitest. Use when adding a page, component, CSS, +server.ts endpoint, client/server state, or unit tests, or when the user runs /frontend.

- Skill: `damien-xai/frontend` (Agent Skill, multi-file: 6 files)
- Install (CLI): `npx skillmds@latest add damien-xai/frontend`
- Raw SKILL.md: https://api.skillmd.com/api/skills/damien-xai/frontend/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: damien-xai (https://skillmd.com/u/damien-xai)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/damien-xai/frontend

---


# Frontend

SvelteKit + TypeScript + Svelte 5. Read only the file that matches the task:

| Task                              | Read                                               |
| --------------------------------- | -------------------------------------------------- |
| Component or page UI              | [component-guidelines.md](component-guidelines.md) |
| Layout, density, responsive, CSS  | [layout.md](layout.md)                             |
| REST / `+server.ts`               | [api-patterns.md](api-patterns.md)                 |
| Store, load, or client cache      | [state-management.md](state-management.md)         |
| Unit tests                        | [testing.md](testing.md)                           |

Any new page or visible UI change must also follow [layout.md](layout.md).
Do not start or restart the dev server. The user runs it.