Claude 3.5 Sonnet：会编程、懂设计、做动画、幻灯片也很容易

引言

昨天写了分享 Claude 3.5 Sonnet 多个精彩使用案例：编程无敌，轻松制作动画和幻灯片，数据分析功能出色，今天继续分享实际使用Claude 3.5 Sonnet的案例。

生成应用

儿童应用

提示词：

Make a cartoon version of the computer app for kids

20秒生成下图的页面，可以开启和关闭电视，选择主题

计算器

Claude 3.5 Sonnet 不愧用的是React，30秒内做出来的计算器可真漂亮啊。

提示词：

I'm going to make a calculator APP, suitable for children's cartoon interface

Can you make it more complicated? Support for scientific computing

任务管理应用

30秒，用 Claude 3.5 Sonnet 做一个任务管理应用

提示词：

i want to creat Task Management Application
Features:
\* User registration and login
\* Create, edit, and delete tasks
\* Mark tasks as completed or uncompleted
\* Task categorization and filtering (by date, priority, etc.)
\* Local storage for task data

制作Manim动画——展示财报亮点

这里示例用的是理想汽车2024第一季度的英文财报。

提示词：

Extract the key points of the financial report and use the Manim library to write animations for display.The animations should be diverse and the display effect should be dazzling.

请把代码里出现的svg转成emoji，重新生成代码，这个动画颜色参考图片

动画的最后一幕是下图所示，真心感觉Claude理解能力是真强。

基于图片提取JSON并进行可视化

提示词：

Based on the image, extract the JSON and make a visual chart

我把英伟达财报资产负债表截图发给Claude，让它提取重点并可视化。

创建仪表板

这里我参考了下图博主的作品。

提示词：

Use Artifacts to create rich dashboards based on attachment materials

生成过程SVG

提示词：

Draw the key generation process of Coca-Cola in SVG

颜色要丰富，必要的地方加emoji和svg

根据图片生成SVG

提示词：

Draw it out in SVG

它说不行

我再提示：

Draw it with your Artifacts ability

A lot of details were not drawn, redrawn

制作科幻故事网页

提示词：

生成的第一版效果一般。

我再提示：

I'm going to make this site suitable for children to read, with richer colors and placeholder images, please draw a space rabbit svg instead, and when the mouse slides to the end, it will appear © 2024 Cosmic Tales. All rights reserved.

I'm going to make a calculator APP, suitable for children's cartoon interface

Can you make it more complicated? Support for scientific computing
0

我将要参考的网站风格截图发给Claude，让它重新生成。

奈何Claude使用次数有限，还有待优化。

生成的结果如下：

在生成过程中，Artifacts可能出现以下提示：

别慌，直接把它发给Claude，让它处理即可，毕竟Artifacts里JavaScript能力有缺失，具体可以看我上一篇文章。

制作幻灯片

不指定制作幻灯片的工具

提示词：

I'm going to make a calculator APP, suitable for children's cartoon interface

Can you make it more complicated? Support for scientific computing
1

需要注意，如果不明确指定用Reveal.js，它可能用React组件来生成类似下面的页面。

根据提供的文本用指定工具制作幻灯片

提示词：

I'm going to make a calculator APP, suitable for children's cartoon interface

Can you make it more complicated? Support for scientific computing
2

生成的结果还可以，配色很到位。

画SVG图片

制作场景SVG

这里我参考了博主 @emollick 的提示词。

提示词：

I'm going to make a calculator APP, suitable for children's cartoon interface

Can you make it more complicated? Support for scientific computing
3

I'm going to make a calculator APP, suitable for children's cartoon interface

Can you make it more complicated? Support for scientific computing
4

I'm going to make a calculator APP, suitable for children's cartoon interface

Can you make it more complicated? Support for scientific computing
5

制作SVG像素图

提示词：

I'm going to make a calculator APP, suitable for children's cartoon interface

Can you make it more complicated? Support for scientific computing
6

我将我的头像发给Claude，它生成结果如下：

最后，推荐一个优秀程序。

结语

Claude3.5 Sonnet代码生成能力强大，Artifacts很好用。

欢迎在评论区留言，让我们一起交流进步。