css-math-units

Explain, derive, and debug CSS math for measurement units, calc(), min(), max(), clamp(), custom properties, inheritance, em/rem scaling, percentages, viewport units, and box model formulas. Use when CSS dimensions compute unexpectedly, when mixing units, when building scalable spacing/type systems, or when reviewing box sizing and inherited values.

Jump to install

Repository: hashgraph-online/awesome-codex-plugins
Last source activity: June 30, 2026 at 21:30
Detected SKILL.md language: English
Stars: 771
Forks: 236

Install options

The review-first prompt is selected by default. You can switch to a direct command or download a local copy.

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

A direct command skips the review prompt. Inspect the source before running it.

npx skills add https://github.com/hashgraph-online/awesome-codex-plugins --skill css-math-units

The command stays on one line. Scroll horizontally to inspect it before copying.

Prefer a local copy? Download the files currently available to SkillsMP.

Review the source files

Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.

File Explorer

10 files

SKILL.md

Source instructions · Read-only preview

Back to search Back to installation

amq-cli

Coordinate agents via the AMQ CLI for file-based inter-agent messaging. Use this skill whenever you need to send messages to another agent (codex, claude, or any named handle), check your inbox, drain queued messages, set up co-op mode between agents, join a swarm team, route messages across projects, or diagnose delivery issues. Also use it when you receive a message and need to know how to reply, inspect receipts, or handle priority. Covers any multi-agent coordination task where agents need to talk to each other — review requests, questions, status updates, decision threads, wake notifications, and orchestrator integration (Symphony, Kanban). For collaborative spec/design workflows specifically, prefer the /amq-spec skill which provides structured phase-by-phase guidance. Not intended for distributed systems design (RabbitMQ, Kafka), CI/CD pipelines, or single-agent tasks with no partner.

2026-08-05

amq-spec

Parallel-research-then-converge design workflow between two agents. Use this skill when the user wants two agents to independently think through a design problem before aligning on a solution — "spec X with codex", "design X together", "both agents think through X", "brainstorm architecture together", "parallel research then joint proposal", "think through separately then align", "careful thought from both sides before coding", or any variation where the user wants collaborative design rather than just splitting implementation work. Also use this when you receive a message labeled workflow:spec and need to know the correct receiver-side protocol. Not for sending simple messages or reviews (use /amq-cli), implementing completed designs, or creating document templates.

2026-08-05

brainstorming

Use when defining new features, product behavior, UI/component design, architecture choices, contract changes, or ambiguous medium/high-complexity work before implementation, or when the user asks to grill or pressure-test a plan or design.

2026-08-05

View all from this repository

name	css-math-units
description	Explain, derive, and debug CSS math for measurement units, calc(), min(), max(), clamp(), custom properties, inheritance, em/rem scaling, percentages, viewport units, and box model formulas. Use when CSS dimensions compute unexpectedly, when mixing units, when building scalable spacing/type systems, or when reviewing box sizing and inherited values.
license	MIT
compatibility	Codex, Claude Code, and other Agent Skills-compatible clients.
metadata	{"version":"0.1.0","displayName":"CSS Math Units","category":"Frontend","tags":"frontend,css,units,layout,math"}

CSS Math Units

Use this skill to trace how CSS values become computed layout values. It is useful for unit conversion, inherited size multiplication, calc expressions, custom property math, and box model sizing.

Quick Start

Read guidelines.md to select the smallest relevant file set.
Load references/css-calculations/rules.md for implementation decisions.
Load references/css-calculations/examples.md when editing code.
Use workflows/debug-css-calculation.md for multi-step derivation or debugging.

Resource	Purpose
`guidelines.md`	Routes tasks to the right reference files
`references/source-map.md`	Book source and chapter/section traceability
`references/css-calculations/knowledge.md`	Core concepts and terminology
`references/css-calculations/rules.md`	Practical rules, guidelines, and exceptions
`references/css-calculations/examples.md`	Bad/good examples and refactoring approach
`references/css-calculations/patterns.md`	Reusable formula and implementation patterns
`references/css-calculations/checklist.md`	Review checklist and red flags
`workflows/debug-css-calculation.md`	Step-by-step workflow

Source

Derived from Math for Web Design by Paul McFedries, Chapter 3: Math basics for CSS. Citations are tracked in references/source-map.md.

css-math-units

Install options

Review the source files

CSS Math Units

Quick Start

Contents

Source

CSS Math Units

Quick Start

Contents

Source

css-math-units

Source facts

Install options

Review the source files

More from this repository

CSS Math Units

Quick Start

Contents

Source

More from this repository

CSS Math Units

Quick Start

Contents

Source