技巧

用 Claude 在 Canvas 上画应用图标的提示词技巧

精选理由

让 Claude 用 JS 在 canvas 上直接画应用图标,作者拿自己 BaoCut.app 实测,提示词附上,做 App 的可以试试。

博主 BaoCut.app 的作者分享了一条提示词:直接让 Claude 用 JS 在 canvas 上绘制应用图标,并描述图标需要体现视频剪辑和 AI Agents 元素。

正文

作者是在包含代码和原型图的项目源码里执行这条提示词的。要求图标风格简洁、色彩鲜明,最终图标由 JS 代码直接生成。

原文 · 宝玉

The prompt is very straightforward: just ask it to draw an app icon using JS on a canvas, and then describe your icon's features and requirements. In my case, I simply went into my app's source code project (which includes both the code and prototypes) and prompted Claude: > Please redesign the app icon for BaoCut.app . Keep it simple and colorful, and make sure it reflects video editing and AI Agents. Directly draw it on a canvas using JS.📊 1 ⚡

产业坐标与信源核验

本条情报归属 AITOP「技巧」核心栏目,重点聚焦中国 AI 产业与国产大模型生态。在跨区域产业观察坐标中,该动态直接关联「AI 开发者工具链、Coding Agent 与工程化实践」研究主线,反映出当前技术演进与商业落地的最新风向。涉及核心实体与技术议题包括:Claude、提示词工程、BaoCut,读者可通过下方标签进入对应专题页查阅历史脉络与关联对比。

信源核验说明:本文原始线索采编自「宝玉」(@dotey),经 AITOP 多维评分管线结构化提炼。截至目前,全网已有 2 家独立信源对该事件进行交叉印证与跟进报道(含 Simon Willison’s Weblog 等),属于近期高关注度行业信号。

  • Simon Willison’s Weblog09-26 23:39原文