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.

الانتقال إلى التثبيت

المستودع: hashgraph-online/awesome-codex-plugins
آخر نشاط في المصدر: ٣٠ يونيو ٢٠٢٦ في ٢١:٣٠
لغة SKILL.md المكتشفة: الإنجليزية
النجوم: ٧٧١
التفرعات: ٢٣٦

خيارات التثبيت

يُحدَّد Prompt الذي يراجع المصدر أولًا بشكل افتراضي. يمكنك التبديل إلى أمر مباشر أو تنزيل نسخة محلية.

التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.

يتجاوز الأمر المباشر Prompt المخصّص للمراجعة. افحص المصدر قبل تشغيله.

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

يبقى الأمر في سطر واحد. مرّر أفقيًا لمراجعته كاملًا قبل النسخ.

تفضّل نسخة محلية؟ نزّل الملفات المتاحة حاليًا لدى SkillsMP.

مراجعة ملفات المصدر

اقرأ SKILL.md وأي ملفات مرافقة يعرضها SkillsMP قبل أن تقرر التثبيت.

مستكشف الملفات

10 ملفات

SKILL.md

تعليمات المصدر · معاينة للقراءة فقط

العودة إلى البحث العودة إلى التثبيت

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

عرض الكل من هذا المستودع

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

Read guidelines.md to select the smallest relevant file set.

Load references/math-foundations/rules.md for implementation decisions.

Load references/math-foundations/examples.md when editing code.

Use workflows/choose-math-approach.md for multi-step derivation or debugging.

Contents

Resource

Purpose

guidelines.md

Routes tasks to the right reference files

references/source-map.md

Book source and chapter/section traceability

references/math-foundations/knowledge.md

Core concepts and terminology

references/math-foundations/rules.md

Practical rules, guidelines, and exceptions

references/math-foundations/examples.md

Bad/good examples and refactoring approach

references/math-foundations/patterns.md

Reusable formula and implementation patterns

references/math-foundations/checklist.md

Review checklist and red flags

workflows/choose-math-approach.md

Step-by-step workflow

Source

Derived from Math for Web Design by Paul McFedries, Chapter 1: Web dev math fundamentals. Citations are tracked in references/source-map.md.

name	frontend-math-foundations
description	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.
license	MIT
compatibility	Codex, Claude Code, and other Agent Skills-compatible clients.
metadata	{"version":"0.1.0","displayName":"Frontend Math Foundations","category":"Frontend","tags":"frontend,math,design,css,javascript"}