~ $

从第一次打开终端,
到做出有审美的 AI 产品

鱼老师的实战路线:Claude Code 与 Codex 双工具、macOS 与 Windows 双平台,从安装配置到设计审美,全部来自真实项目,拿来即用。

macOS & Windows 3 大板块 · 20+ 章节 小白友好 持续更新
最新发布 · 进阶篇

AI 前端设计审美实战指南
从设计原则到提示词工程

AI 拉高的是下限,上限由你决定。不当 AI 的复读机——这一篇把「好看」翻译成可以直接抄走的参数和模板。

开始阅读
50→90AI 审美的分数模型:下限与上限到底在哪
4 要素结构 / 配色 / 字体 / 间距,全部参数化
公式维度 + 参数 + 反例 = 专业的设计提示词
01
~ $ open 初始化篇 # 小白安装,一步不跳

把工具装好,是一切的起点

不懂命令行?没关系。每一条命令都告诉你在哪输入、什么作用、预期看到什么。macOS 与 Windows 双版本,页内一键切换。

Windows 用户:进入教程后,点顶部的 Windows 标签 即可切换对应版本。

02
~ $ open 常识篇 # 用得明白,不再迷路

工具装好了,这些常识让你少走弯路

CLI、插件、客户端到底选哪个?常用命令记不住?报错了怎么办?这一板块是你的随手工具箱。

03
~ $ open 进阶篇 # 玩出花样,拉开差距

会用只是及格,用得漂亮才是本事

给 AI 插上外设、养成高效习惯、动手做个小游戏,再到整个板块的重头戏——设计审美实战指南。

🐟

休息一下:涂鸦跳跃

鱼老师用 Claude Code 只花五分钟做出来的小游戏,方向键 / 触屏可玩。

./doodle →