MiniMax 这波开源直接把 AI 编程干到“资深工程师“水平了

MiniMax 这波开源直接把 AI 编程干到“资深工程师“水平了

MiniMax 这波开源直接把 AI 编程干到"资深工程师"水平了

说实话,我第一次看到这个项目的时候是怀疑的。一个 AI 编程技能包能让代码质量从"大学生水平"变"5年+资深工程师"?听起来太像宣传词了。

但看完官方文档和数据,我服了。


这玩意儿到底是个啥

MiniMax 前段时间开源了一个叫 skills 的仓库,简单说就是一套AI 编程工具的开发技能库。每个 skill 就是一个完整的开发工作流——从需求分析、架构设计、到具体实现,AI 照着走,输出的代码就是生产级别的。

官方数据很有意思:MiniMax M2.7 在 40+ 复杂技能任务上保持了 97% 的技能 adherence,单个技能超过 2000 tokens。这意味着什么?这些不只是软建议,而是能真正约束模型执行的硬轨道。

官方说目前是 Beta 版,技能内容、API 和配置格式可能会随时变更。欢迎反馈和贡献。


技能一览:该有的都有了

前端和全栈

frontend-dev:全栈前端开发,融合高级 UI 设计、电影级动画(Framer Motion、GSAP)、通过 MiniMax API 生成媒体资源(图片、视频、音频、音乐、TTS)、基于 AIDA 框架的说服力文案、生成艺术(p5.js、Three.js、Canvas)。技术栈:React / Next.js、Tailwind CSS。

说人话就是:做一个酷炫的前端项目,从 UI 到动画再到 AI 生成内容,一条龙全包。

fullstack-dev:全栈后端架构与前后端集成。REST API 设计、认证流程(JWT、Session、OAuth)、实时功能(SSE、WebSocket)、数据库集成(SQL / NoSQL)、生产环境加固与发布清单。引导式工作流:需求收集 → 架构决策 → 实现。

后端那些破事儿,从架构到部署,给你安排得明明白白。

移动端

android-native-dev:基于 Material Design 3 的 Android 原生应用开发。Kotlin / Jetpack Compose、自适应布局、Gradle 配置、无障碍(WCAG)、构建问题排查、性能优化与动效系统。

ios-application-dev:iOS 应用开发指南,涵盖 UIKit、SnapKit 和 SwiftUI。触控目标、安全区域、导航模式、Dynamic Type、深色模式、无障碍、集合视图,符合 Apple HIG 规范。

两个移动端技能都有,Android 和 iOS 都没落下。

图形和特效

shader-dev:全面的 GLSL 着色器技术,用于创建惊艳的视觉效果——光线行进、SDF 建模、流体模拟、粒子系统、程序化生成、光照、后处理等。兼容 ShaderToy。

这个是真强。ray marching、SDF、流体模拟、粒子系统,这些听起来就头晕的东西,给你一套完整的开发指导。

gif-sticker-maker:将照片(人物、宠物、物品、Logo)转换为 4 张带字幕的动画 GIF 贴纸。Funko Pop / Pop Mart 盲盒风格,基于 MiniMax 图片与视频生成 API。

好玩是真的好玩,适合做社交媒体内容。

办公文档

minimax-pdf:基于 token 化设计系统生成、填写和重排 PDF 文档。支持三种模式:CREATE(从零生成,15 种封面风格)、FILL(填写现有表单字段)、REFORMAT(将已有文档重排为新设计)。

pptx-generator:生成、编辑和读取 PowerPoint 演示文稿。支持用 PptxGenJS 从零创建(封面、目录、内容、分节页、总结页),通过 XML 工作流编辑现有 PPTX,或用 markitdown 提取文本。

minimax-xlsx:打开、创建、读取、分析、编辑或验证 Excel/电子表格文件(.xlsx、.xlsm、.csv、.tsv)。支持通过 XML 模板从零创建 xlsx、使用 pandas 读取分析、零格式损失编辑现有文件。

minimax-docx:基于 OpenXML SDK(.NET)的专业 DOCX 文档创建、编辑与排版。三条流水线:从零创建新文档、填写/编辑现有文档内容、应用模板格式并通过 XSD 验证门控检查。

PDF、PPT、Excel、Word 全覆盖,用 AI 生成办公文档不再是梦。


怎么安装

官方支持四种主流 AI 编程工具:

Claude Code

claude plugin marketplace add https://github.com/MiniMax-AI/skills claude plugin install minimax-skills 

Cursor

git clone https://github.com/MiniMax-AI/skills.git ~/.cursor/minimax-skills 

然后在 Cursor 设置中将 skills 路径指向 ~/.cursor/minimax-skills/skills/

Codex

git clone https://github.com/MiniMax-AI/skills.git ~/.codex/minimax-skills mkdir-p ~/.agents/skills ln-s ~/.codex/minimax-skills/skills ~/.agents/skills/minimax-skills 

重启 Codex 以发现技能。

OpenCode

git clone https://github.com/MiniMax-AI/skills.git ~/.minimax-skills mkdir-p ~/.config/opencode/skills ln-s ~/.minimax-skills/skills/* ~/.config/opencode/skills/ 

重启 OpenCode 以发现技能。

配置完重启工具就能用了。


实际效果怎么样

根据我的观察,效果取决于你用它做什么:

适合场景:从 0 搭一个完整项目。技能包提供了完整的开发工作流,从需求分析到生产级代码实现,确实能省不少劲。

效果不明显:零散的小功能。可能感受没那么明显,因为技能的优势在于整体架构和规范性。

官方标注的是给 MiniMax 自己的 agent 用的,别的模型用实际效果取决于各模型的指令遵循能力。MiniMax M2.7 在 40+ 复杂技能任务上保持了 97% 的技能 adherence,这个数据确实给力。


写在最后

对于需要构建完整项目的开发者来说,这套技能包能够显著提升 AI 辅助编程的效率和质量。从前端到后端、从移动端到图形特效、从办公文档到多媒体生成,覆盖得相当全面。

官方仓库地址:https://github.com/MiniMax-AI/skills

有兴趣的可以去看看,虽然还在 Beta 阶段,但已经挺有意思的了。

Read more

前端防范 XSS(跨站脚本攻击)

目录 一、防范措施 1.layui util  核心转义的特殊字符 示例 2.js-xss.js库 安装 1. Node.js 环境(npm/yarn) 2. 浏览器环境 核心 API 基础使用 1. 基础过滤(默认规则) 2. 自定义过滤规则 (1)允许特定标签 (2)允许特定属性 (3)自定义标签处理 (4)自定义属性处理 (5)转义特定字符 常见场景示例 1. 过滤用户输入的评论内容 2. 允许特定富文本标签(如富文本编辑器内容) 注意事项 更多配置 XSS(跨站脚本攻击)是一种常见的网络攻击手段,它允许攻击者将恶意脚本注入到其他用户的浏览器中。

详细教程:如何从前端查看调用接口、传参及返回结果(附带图片案例)

详细教程:如何从前端查看调用接口、传参及返回结果(附带图片案例)

目录 1. 打开浏览器开发者工具 2. 使用 Network 面板 3. 查看具体的API请求 a. Headers b. Payload c. Response d. Preview e. Timing 4. 实际操作步骤 5. 常见问题及解决方法 a. 无法看到API请求 b. 请求失败 c. 跨域问题(CORS) 作为一名后端工程师,理解前端如何调用接口、传递参数以及接收返回值是非常重要的。下面将详细介绍如何通过浏览器开发者工具(F12)查看和分析这些信息,并附带图片案例帮助你更好地理解。 1. 打开浏览器开发者工具 按下 F12 或右键点击页面选择“检查”可以打开浏览器的开发者工具。常用的浏览器如Chrome、Firefox等都内置了开发者工具。下面是我选择我的一篇文章,打开开发者工具进行演示。 2. 使用

Cursor+Codex隐藏技巧:用截图秒修前端Bug的保姆级教程(React/Chakra UI案例)

Cursor+Codex隐藏技巧:用截图秒修前端Bug的保姆级教程(React/Chakra UI案例) 前端开发中最令人头疼的莫过于那些难以定位的UI问题——元素错位、样式冲突、响应式失效...传统调试方式往往需要反复修改代码、刷新页面、检查元素。现在,通过Cursor编辑器集成的Codex功能,你可以直接用截图交互快速定位和修复这些问题。本文将带你从零开始,掌握这套革命性的调试工作流。 1. 环境准备与基础配置 在开始之前,确保你已经具备以下环境: * Cursor编辑器最新版(v2.5+) * Node.js 18.x及以上版本 * React 18项目(本文以Chakra UI 2.x为例) 首先在Cursor中安装Codex插件: 1. 点击左侧扩展图标 2. 搜索"Codex"并安装 3. 登录你的OpenAI账户(需要ChatGPT Plus订阅) 关键配置项: // 在项目根目录创建.