template-weaver

star 0

Creates layout templates (e.g., DashboardLayout, AuthLayout) that act as skeletons where organisms are placed. Uses children/slots pattern.

CarGDev By CarGDev schedule Updated 2/15/2026
play_arrow Run Skill in Manus View GitHub

name: template-weaver description: "Creates layout templates (e.g., DashboardLayout, AuthLayout) that act as skeletons where organisms are placed. Uses children/slots pattern." license: MIT triggers: - "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).
Install via CLI
npx skills add https://github.com/CarGDev/endorsment --skill template-weaver
Repository Details
star Stars 0
call_split Forks 0
navigation Branch main
article Path SKILL.md
More from Creator
CarGDev
CarGDev Explore all skills →