⭐ 大V·Meng To 出品——设计教育平台 Design+Code 创始人,在设计与设计教育圈深耕十余年。GitHub 3,740 星,MIT 协议免费。
一、这是什么
一套给设计师和创作者用的工作流合集。它的核心主张很有意思:好的提示词是资产,应该存下来、版本化、反复用,而不是每次在对话框里重新说一遍。
二、看家本领:把看到的好设计变成能复用的提示词
① 录屏转超级提示词
看到一个喜欢的网站或动效,录一段屏幕录像丢给它,它转成一份极详细的提示词,AI 照着能一次成型出 HTML。
② 网页拆成片段提示词
把一个现成页面拆开——某个区块、某段动画、某个按钮、某个悬停效果、某个特效,各自变成能单独复用的提示词。
③ 整页截图捕捉
不只截首屏,而是拼出完整长页面,让 AI 看到整体的结构、节奏和视觉层次——这是首屏截图给不了的信息。
④ 每日灵感采集
把「浏览 → 截图 → 拆解 → 生成提示词」串成一个自动流程,好网站源源不断变成你自己的提示词库。
三、适合谁
•
看到喜欢的网站,想说「我要做一个这样的」的人
•
已经攒了一堆灵感截图,但不知道怎么变成可执行方案的人
•
想把自己的设计经验沉淀成可复用文件、而不是每次重讲的人
⚠️ 一句实话:这套是工作流和方法论,不是一键出图工具,需要你自己去看、去录、去挑。另外仓里还有游戏开发、Three.js 等设计之外的内容,按需取用即可。需在 Claude Code / Codex 等 AI 助手里使用。