From every-layout
Select the appropriate Every Layout primitive for a given layout problem. Walks a decision tree, recommends a primitive with rationale, lists alternatives considered, and provides verification steps.
How this skill is triggered — by the user, by Claude, or both
Slash command
/every-layout:choose-primitiveThis skill is limited to the following tools:
The summary Claude sees in its skill listing — used to decide when to auto-load this skill
Recommend the correct Every Layout primitive for the problem described:
Recommend the correct Every Layout primitive for the problem described:
$ARGUMENTS
Walk the decision tree in references/decision-tree.md to pick a primitive. Canonical primitive definitions live in skills/css-layout-engine/references/primitives.md — load that file before recommending, and cite the primitive's ID (ELC_) and the principle IDs (ELP_) that apply.
references/decision-tree.md) until you reach a single primitive.primitives.md.## Recommendation: [Primitive Name] (ELC_*)
### Why
Short paragraph linking the problem to the primitive's "applies when".
### Key parameters
Table of custom properties and their chosen values, with reasons.
### Code
Minimal HTML + CSS.
### Alternatives considered
Table: primitive | ID | why rejected.
### Verification
Checklist pulled from the primitive's "verification_tests" in `primitives.md`.
### Related principles
ELP_* IDs that govern this choice.
See references/decision-tree.md for the full tree and references/combinations.md for when a combination is warranted.
npx claudepluginhub saldigioia/claude-plugins --plugin every-layoutProvides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.
Searches MemPalace before answering questions about past work, people, projects, or prior decisions. Returns verbatim stored content instead of guessing from model memory.