Page Builder
Page Builder Patterns
Universal patterns for building pages. These apply to both public-facing and admin pages.
When to Use
- Building list pages with filtering, search, pagination
- Building detail/edit pages with forms
- Rendering mixed-type feeds or lists
- Any page that fetches and displays data
Core Principle
Remote-First: Put logic in data.remote.ts, keep pages as pure renderers.
See using-remote-functions/REMOTE-FIRST.md for the full pattern.
Page Types
More from svelte-society/sveltesociety.dev
svelte-code-writer
CLI tools for Svelte 5 documentation lookup and code analysis. MUST be used whenever creating or editing any Svelte component (.svelte) or Svelte module (.svelte.ts/.svelte.js). If possible, this skill should be executed within the svelte-file-editor agent for optimal results.
15using-remote-functions
Create SvelteKit components using Remote Functions for type-safe client-server communication. Use when building components that need to fetch data, submit forms, or execute server commands. Remote Functions work at the component level, not page level.
13e2e test builder
Create Playwright E2E tests using Page Object Model pattern with database isolation
10component-builder
Create UI components using tailwind-variants for type-safe styling. Use when creating or editing components in src/lib/ui/.
9admin crud page
Create admin dashboard pages with tables, forms, and actions
7sample-basic
A minimal example skill demonstrating the required structure. Use this as a template when creating new skills.
1