Individual skill
frontend-math-foundations
Explain and apply foundational math for front-end development, including arithmetic, algebra, ratios, exponents, roots, linear equations, inequalities, geometry, trigonometry, coordinates, and choosing CSS versus JavaScript math. Use when a web design calculation needs first-principles explanation before applying CSS, JavaScript, Grid, Flexbox, responsive, or color-specific skills.
plugins/LVTD-LLC/skills/skills/frontend-math-foundations/SKILL.md
Source commit d780783eba4ecc7c8b9429f95c9362df95f07c61
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- Yes
- Repository scan complete
- No
- Skill scan complete
- No
- Observed behavior
- Network or broad shell
- Last checked
- Nov 4, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 1,532
- Repository last updated
- Nov 6, 2026
- License
- Apache-2.0
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- ai-coding Repository topic
- awesome Repository topic
- awesome-list Repository topic
- codex Repository topic
- codex-plugins Repository topic
- openai Repository topic
- codex-skill Repository topic
- codex-skills Repository topic
- marketplace Repository topic
- codex-marketplace Repository topic
- frontend,math,design,css,javascript Declared skill tag
- design Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
SKILL.mdcore · 2,087 bytesSKILL.mdcore · 2,087 bytesagents/openai.yamlasset · 233 bytesguidelines.mddoc · 2,928 bytesreferences/math-foundations/checklist.mddoc · 1,364 bytesreferences/math-foundations/examples.mddoc · 1,187 bytesreferences/math-foundations/knowledge.mddoc · 2,798 bytesreferences/math-foundations/patterns.mddoc · 1,284 bytesreferences/math-foundations/rules.mddoc · 2,211 bytesreferences/source-map.mddoc · 771 bytesworkflows/choose-math-approach.mddoc · 2,466 bytes
Read excerpt
# Frontend Math Foundations
Use this skill as the foundation layer for front-end math. It helps translate a visual or interaction problem into arithmetic, algebra, ratios, geometry, trigonometry, coordinates, or a CSS-vs-JavaScript ownership decision.
## Quick Start
1. Read `guidelines.md` to select the smallest relevant file set.
2. Load `references/math-foundations/rules.md` for implementation decisions.
3. Load `references/math-foundations/examples.md` when editing code.
4. Use `workflows/choose-math-approach.md` for multi-step derivation or debugging.
## Contents
| Resource | Purpose |