assembling-pages
OfficialBuild marketing pages from SvelteKit sections.
Authormusher-dev
Version1.0.0
Installs0
System Documentation
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.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: assembling-pages Download link: https://github.com/musher-dev/bundles/archive/main.zip#assembling-pages Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.