endorsment/.github/skills/template-weaver/SKILL.md

name, description, license, triggers

name	description	license	triggers
template-weaver	Creates layout templates (e.g., DashboardLayout, AuthLayout) that act as skeletons where organisms are placed. Uses children/slots pattern.	MIT	create DashboardLayout make template layout

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: <DashboardLayout sidebar={<ProfileCard/>}><PaperFeed/></DashboardLayout>

Notes

• Templates should not contain heavy business logic; keep them focused on layout and accessibility (skip links, landmark roles).