Css grid editorial systems
Skill TheGoat395/Codex-Skills/skills/css-grid-editorial-systems
Create CSS Grid editorial layout systems for premium websites. Use for asymmetric grids, magazine layouts, portfolio indexes, case-study plates, image galleries, hero compositions, feature narratives, product proof layouts, masonry-like rhythms, and replacing generic card grids with stronger hierarchy.From its SKILL.md
npx -y skills add TheGoat395/Codex-Skills --skill css-grid-editorial-systemsAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
SKILL.md
1.1 KB, 148 tokens by cl100k_base, as published. Nobody here has run it
CSS Grid Editorial Systems
Use This Skill
Use this skill for build editorial grids beyond generic card layouts.
Operating Contract
- Inspect the existing project before changing code.
- Identify the styling system, token source, component primitive strategy, and available verification commands.
- Keep premium visual standards active: no generic library defaults, no weak states, no one-off styling chaos.
- Follow existing project conventions unless a change clearly improves the result.
- Run available checks and visually inspect responsive output when the change affects UI.
Required Reference
Read references/css-grid-editorial-systems-guide.md before making architectural or visible UI changes with this skill.
What ships with it: 2 files
4.2 KB alongside SKILL.md
agents/
- openai.yaml284 B