01、炫酷的个人主页
提示词:请用 HTML + CSS + 原生 JS 写一个单文件的个人主页。要求:黑色背景,绿色霓虹字体,打字机效果输出文字,背景要有动态的矩阵代码雨(Matrix Rain)落下,并且包含一个入侵系统的按钮,点击后屏幕出现故障 Glitch 效果。然后展示一个叫张三的算法工程师的个人介绍。

可以看大 M2.1 模型对 CSS 动画、Canvas 的掌控还是很好的,代码雨的效果也很惊艳。
02、炫酷高光卡片
最近有一个想法, 想做一个打卡的小应用。如果坚持打卡或达成了某种成就,奖励一个非常好看的虚拟纪念展示卡片。
以前写带有高光反射的卡片效果要很长时间,我让 M2.1 试了一下。
提示词:写一个展示球鞋的展示页面。使用 Tilt.js 的逻辑或者纯 CSS transform,当鼠标在卡片上移动时,卡片要跟随鼠标位置进行 3D 倾斜,并带有高光反射效果 Glassmorphism 玻璃拟态。布局要现代 minimalist,球鞋的可以直接拿我桌面上的图片。

Cool!这就是我想要的效果。
可以看到 M2.1 对空间几何理解能力,以及对现代 UI 趋势玻璃拟态的理解还是比较好的。
03、模拟鸟群飞行
提示词:实现 Boids 算法的三个核心规则:分离(Separation)、对齐(Alignment)、内聚(Cohesion)。在屏幕上生成 100 个三角形代表鸟,增加一个捕食者(红点),鸟群需要自动躲避捕食者

这是经典的群体智能算法, M2.1 模型对向量计算的理解还是比较不错的。
我在玩的过程中,让我想到了拿网子去水里网鱼的体验。。。
同时你可以让 M2.1 使用其他语言再实现一下,比如使用 Python:

04、iOS APP 开发
提示词:用 SwiftUI 写一个 iOS App 原型。屏幕中间是一个木鱼。点击木鱼时:1. 播放敲击音效;2. 木鱼缩放动画;3. 屏幕飘出'功德 +1'文字并渐渐消失。记录总功德数,保存在本地 UserDefaults 中

命令输入之后,M2.1 会自动帮你建立一个目录。这个小的 Demo 是打开可以直接运行的,没有报错。而且相关音效也指导你从网上下载下来,放到指定的文件夹里面。

05、如何使用
我这里使用 Mac 基于 Claude Code + Minimax 2.1 举例子,如果是 Windows 或者 Linux 也类似,直接问 AI 就行了。
用量大的小伙伴可以试下 Coding plan 计划,都加持了最新的 M2.1 模型。并且支持图形理解、联网搜索 MCP。

arduino
地址:https://platform.minimaxi.com/subscribe/coding-plan
安装 Claude Code
bash
npm install -g @anthropic-ai/claude-code
安装成功后,输入 Claude Code 如果能进去说明你安装成功了。此时可能会提示你 Unable to connect to Anthropic services,不用着急
创建密钥
你需要前往 Minimax 的开放平台,去创建一个新的密钥。
vbnet
地址:https://platform.minimaxi.com/user-center/basic-information/interface-key

创建完新的密钥一定要复制保存,因为这个密钥只会显示一次,没办法再次查看。
配置 Claude Code
然后打开你的 Terminal,输入下面的命令就行了。
objectivec
export ANTHROPIC_BASE_URL="https://api.minimaxi.com/anthropic"export ANTHROPIC_AUTH_TOKEN="复制的 Key"export API_TIMEOUT_MS="3000000"export CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC="1"export ANTHROPIC_MODEL="MiniMax-M2.1"export ANTHROPIC_SMALL_FAST_MODEL="MiniMax-M2.1"export ANTHROPIC_DEFAULT_SONNET_MODEL="MiniMax-M2.1"export ANTHROPIC_DEFAULT_OPUS_MODEL="MiniMax-M2.1"export ANTHROPIC_DEFAULT_HAIKU_MODEL="MiniMax-M2.1"
然后打开 Claude Code,显示 MiniMax-M2.1 就 ok 了。
