Generate a framework-specific component implementation of an Every Layout primitive. Targets Astro, React, Vue, Svelte, Web Components, Tailwind, and vanilla CSS, using the canonical port templates from the framework-implementations skill.
Generate a framework-specific port of an Every Layout primitive.
$ARGUMENTS
Canonical inputs before generating:
skills/css-layout-engine/references/primitives.md (section for the named primitive — read its params, custom properties, applies_when, fails_when, and verification_tests)skills/framework-implementations/references/<framework>.md (contains the canonical port for each of the 13 primitives in that framework)Do NOT generate a template from first principles — use the ones already in framework-implementations/references/. This skill's job is to thread the primitive's custom properties through the chosen framework's convention.
$ARGUMENTS into <framework> and <primitive>.framework-implementations/references/<framework>.md and copy the canonical port for that primitive.framework-implementations/SKILL.md for the CSS-to-prop mapping table).## Port: [Primitive Name] (ELC_*)
### Framework: [name]
### Files to create
- `<path>` — [purpose]
- `<path>` — [purpose]
### Component implementation
Complete file contents for each path above.
### Props reference
One row per custom property, with type, default, and CSS mapping.
### Usage examples
- Basic
- With configuration
- Composed with another primitive
### Verification
Checklist lifted from the primitive's `verification_tests` in `primitives.md`.
### Accessibility notes
Any ARIA / focus / keyboard considerations from the primitive card.
framework-implementations/references/<framework>.md