Page Builder

Build SvelteKit list, detail, and feed pages with data fetching and forms.

2|1|Updated Mar 12, 2026
One-click install
npx skills add https://github.com/zajca/zfaktury --skill page-builder-zajca
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Page Builder
Source: https://github.com/zajca/zfaktury/tree/main/.agents/skills/page-builder
Command: npx skills add https://github.com/zajca/zfaktury --skill page-builder-zajca

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides standardized patterns for creating common web page types, streamlining development and ensuring consistency across applications.

Core Features & Use Cases

  • List Pages: Efficiently display collections of items with integrated filtering, search, and pagination.
  • Detail Pages: Simplify the creation of forms for viewing and editing single items.
  • Feed Pages: Render dynamic feeds composed of mixed content types using a component mapping approach.
  • Use Case: Quickly scaffold a new feature by implementing a list page for users and a detail page for editing user profiles, all while adhering to established best practices.

Quick Start

Use the Page Builder skill to create a new list page with search and pagination capabilities.

Frequently Asked Questions about Page Builder

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build list and detail pages in SvelteKit with integrated data fetching?

To build list and detail pages in SvelteKit, use reusable UI patterns that integrate data fetching, form handling, and component mapping for standardized web application development. This approach streamlines feature scaffolding and ensures consistency.

What is the best way to render dynamic feeds composed of mixed content types in SvelteKit?

The best way to render dynamic feeds with mixed content types in SvelteKit is using a component mapping approach. This pattern allows efficient data presentation by mapping distinct content types to their respective UI components.

How do I scaffold a SvelteKit list page with search and pagination capabilities?

Scaffold a SvelteKit list page with search and pagination by applying standardized UI patterns for collections. These patterns integrate filtering and pagination directly with your data fetching logic for efficient display.

Do I need specific dependencies to implement component mapping for dynamic feed pages?

No specific dependencies are required to implement component mapping for dynamic feed pages. The patterns rely on standard SvelteKit capabilities to map mixed content types to UI components for dynamic rendering.

Can I use SvelteKit patterns to simplify form handling for viewing and editing single items?

Yes, you can use SvelteKit detail page patterns to simplify form handling for viewing and editing single items. These patterns provide standardized structures for user input management and data updates.

When do I need standardized UI patterns for web development in SvelteKit?

You need standardized UI patterns for web development in SvelteKit when creating common page types like lists, details, and feeds. These patterns address requirements for dynamic content display and efficient data presentation.