宝玉分享用 Claude 在 Canvas 上直接画 App 图标的提示词技巧
Prompt and flow https://t.co/krEg6lqIiu
宝玉这个方法挺妙,直接让 Claude 在 canvas 上用 JS 画图标,连设计软件都不用开,做独立开发可以试试。
宝玉演示了一个画 App 图标的提示词技巧:让 Claude 用 JS 在 canvas 上直接绘制图标。他在 BaoCut.
app 的源码项目中发起请求,要求保持简洁配色并体现视频剪辑与 AI Agents 特征。整个流程不依赖设计工具,直接在代码项目内完成图标重设计。
Prompt and flow https://t.co/krEg6lqIiu
Prompt and flow x.com/dotey/status/2… 宝玉 @dotey 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. 🔗 View Quoted Tweet
This report is categorized under AITOP's "How-to" desk, focusing on China's AI industry and domestic foundation model ecosystem. Within our cross-regional analytical framework, it directly maps to AI developer toolchains, coding agents, and engineering workflows. Key entities and technical topics under continuous tracking include Claude, canvas, 提示词工程, 图标设计.
Source attribution: curated from 宝玉 (@dotey). Cross-source corroboration: 2 independent sources have covered this development (including Simon Willison’s Weblog), confirming industry-wide signal strength.
- Simon Willison’s Weblog09-26 23:39Source