关于 frontend-math-foundations
面向前端开发的数学参考技能，帮助开发者将视觉或交互问题转化为合适的数学方法，并决定计算应由 CSS 还是 JavaScript 负责。
主要功能
- 01按任务定位参考资料
- 02应用算术与代数
- 03运用比例、几何和三角学
- 04判断由 CSS 还是 JavaScript 计算
- 05按步骤推导并调试
适用场景
- 01计算布局尺寸
- 02实现视觉交互效果
- 03调试前端公式
- 04审查数学实现方案
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/frontend-math-foundations确认已加载。
包含的文件
除 SKILL.md 外，安装时一起下载的参考资料和脚本。
guidelines.mdagents/openai.yamlreferences/source-map.mdreferences/math-foundations/checklist.mdexamples.mdknowledge.mdpatterns.mdrules.mdworkflows/choose-math-approach.md详细介绍
前端数学基础
将此技能作为前端数学的基础层。它有助于将视觉或交互问题转化为算术、代数、比例、几何、三角学、坐标问题，或 CSS 与 JavaScript 的职责归属决策。
快速开始
- 阅读
guidelines.md，选择最精简的相关文件集。 - 加载
references/math-foundations/rules.md，用于实现决策。 - 编辑代码时，加载
references/math-foundations/examples.md。 - 进行多步推导或调试时，使用
workflows/choose-math-approach.md。
内容
| 资源 | 用途 |
|---|---|
guidelines.md | 将任务引导至合适的参考文件 |
references/source-map.md | 书籍来源及章节／小节追溯信息 |
references/math-foundations/knowledge.md | 核心概念和术语 |
references/math-foundations/rules.md | 实用规则、指南和例外情况 |
references/math-foundations/examples.md | 错误／正确示例及重构方法 |
references/math-foundations/patterns.md | 可复用的公式和实现模式 |
references/math-foundations/checklist.md | 审查清单和警示项 |
workflows/choose-math-approach.md | 分步工作流 |
来源
内容改编自 Paul McFedries 所著的 Math for Web Design，第 1 章：Web 开发数学基础。
引文记录在 references/source-map.md 中。
评论
支持 Markdown