# Template Weaver > Creates layout templates (e.g., DashboardLayout, AuthLayout) that act as skeletons where organisms are placed. Uses children/slots pattern. - Skill: `tomevault-io/template-weaver` (Agent Skill, multi-file: 2 files) - Install (CLI): `npx skillmds@latest add tomevault-io/template-weaver` - Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/template-weaver/raw - Safety review: pending (external: skill-scanner PASS, skillspector PASS) - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Coding & Dev Tools - Author: tomevault-io (https://skillmd.com/u/tomevault-io) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/tomevault-io/template-weaver --- # Template Weaver When to use this skill - Use when you need consistent page scaffolding (headers, sidebars, footers) across pages. - Triggered by requests to standardize page layouts or to create reusable layout wrappers. Instructions 1. First Step: Define required regions (header, nav, main, aside, footer) and how children will be injected (React `children` or named slots via props). 2. Second Step: Implement layouts in `src/components/templates/` and ensure they accept a `children` prop and optional slot props (e.g., `sidebar`). 3. Third Step: Use templates in pages under `src/pages/` and provide examples of composition. Examples - DashboardLayout: `}>` Notes - Templates should not contain heavy business logic; keep them focused on layout and accessibility (skip links, landmark roles). --- > Converted and distributed by [TomeVault](https://tomevault.io/claim/cargdev) — claim your Tome and manage your conversions.