skills.rest
musher-dev
musher-devOFFICIAL
Explore all skills by this author →
WebsiteGitHub

assembling-pages

Assemble SvelteKit marketing page routes from section components with SEO meta tags.

Updated Mar 6, 2026
Search Tags:#web development#seo#sveltekit#component composition#marketing site#page assembly
One-click install
npx skills add https://github.com/musher-dev/bundles --skill assembling-pages
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: assembling-pages
Source: https://github.com/musher-dev/bundles/tree/main/marketing-site-authoring/skills/assembling-pages
Command: npx skills add https://github.com/musher-dev/bundles --skill assembling-pages

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the creation of marketing pages by assembling pre-built SvelteKit section components, ensuring consistent structure, SEO optimization, and adherence to design guidelines.

Core Features & Use Cases

  • Page Composition: Integrates various section components (hero, features, CTA, etc.) into a cohesive SvelteKit page (+page.svelte).
  • SEO Optimization: Manages meta tags (<title>, description, Open Graph, Twitter Card) and canonical URLs for improved search visibility.
  • Structure & Navigation: Enforces section ordering based on an Information Architecture (IA) conviction arc and sets up anchor IDs for internal linking.
  • Design Consistency: Ensures correct inter-section spacing and background alternation using design tokens.
  • Pre-Launch Checklist: Provides a comprehensive checklist for content, SEO, accessibility, responsiveness, performance, and design compliance before publishing.
  • Use Case: When creating a new landing page for a product feature, use this Skill to import and arrange the relevant sections, add appropriate SEO meta tags, and ensure the page meets all pre-launch requirements.

Quick Start

Assemble the marketing page route using the provided SvelteKit template and section components.

Frequently Asked Questions about assembling-pages

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

FAQPage Schema
How do I assemble marketing pages from section components in SvelteKit?▼

To assemble marketing pages in SvelteKit, you compose pre-built section components into a cohesive +page.svelte route while managing section ordering, inter-section spacing, and anchor navigation to maintain structural consistency.

How do I manage SEO meta tags for a SvelteKit marketing site?▼

Managing SEO meta tags for a SvelteKit marketing site involves configuring title, description, Open Graph, Twitter Card, and canonical URLs directly within the page assembly process to improve search visibility.

What is the best way to structure a SvelteKit landing page for narrative flow?▼

Structuring a SvelteKit landing page for narrative flow is best achieved by enforcing section ordering based on an Information Architecture (IA) conviction arc, which guides the user journey from hero to CTA.

Does this page assembly approach handle design tokens for background alternation?▼

Yes, page assembly handles design tokens by ensuring correct inter-section spacing and background alternation, applying design system guidelines directly during component composition.

What pre-launch checklist do I need for SvelteKit marketing page deployment?▼

A pre-launch checklist for SvelteKit marketing pages verifies content accuracy, SEO meta tags, accessibility, responsiveness, performance, and design compliance before publishing the route.

Related Skills

Explore More Marketing & Sales Skills→
elsolalelsolal
1

figma-generate-design

Create or update full-page Figma screens using published design system components.

Community
Advanced
David-MeloDavid-Melo

launch_checklist_agent

Generate a pre-launch checklist for Astro sites with Tailwind v4 and Preline.

Community
Advanced
trungdo9trungdo9
3

seo-sitemap

Generate and validate XML sitemaps for search engine indexing.

Community
Advanced
mahg-esmahg-es
3

static-site-generate

Generate static websites from Markdown into deployable HTML with CI workflows.

Official
Intermediate