Initial scaffold: Researcher Endorsement frontend
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
32
.github/skills/template-weaver/SKILL.md
vendored
Normal file
32
.github/skills/template-weaver/SKILL.md
vendored
Normal file
@@ -0,0 +1,32 @@
|
||||
---
|
||||
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).
|
||||
Reference in New Issue
Block a user