scaffolding-sections
OfficialScaffold Svelte 5 marketing components.
Software Engineering#tailwind css#frontend development#information architecture#component scaffolding#svelte 5#marketing site
Authormusher-dev
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the creation of Svelte 5 components for marketing pages by translating Information Architecture (IA) definitions into structured code, ensuring consistency and adherence to design standards.
Core Features & Use Cases
- IA to Component Translation: Converts IA archetypes, layout patterns, and content slots into Svelte 5 component scaffolds.
- Design System Adherence: Maps IA elements to specific Tailwind CSS classes, design tokens, and component patterns from the brand packet and design system rules.
- Use Case: When tasked with building a new "Hero" section for the marketing site, this Skill can generate the foundational Svelte 5 component structure based on the
hero-with-demoarchetype defined in the IA.
Quick Start
Use the scaffolding-sections skill to build a new Svelte 5 component for a 'hero' section based on the IA definition.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: scaffolding-sections Download link: https://github.com/musher-dev/bundles/archive/main.zip#scaffolding-sections 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.