实测（六） | Claude3.5 Sonnet Artifacts 自动生成配音版动画 | 附 UI 界面风格指南

Claude 3.5 Sonnet Artifacts 功能探索

📚

引言

继前五次分享了Claude 3.5 Sonnet实测的内容后，今天是第六波分享。本篇文章将继续探索Claude 3.5 Sonnet Artifacts的强大功能。

往期内容：

🎬

Manim动画

提示词：

根据附件内容，用manim库写一个Python脚本，用于生成动画，风格要求：复古未来主义：鲜艳、对比强烈，带有未来科技感的颜色。动画丰富，吸引人

你要提取附件的文章要点，要多些，不要太简单，重新写python脚本

整个动画风格改成 温暖、自然，常用木质色、奶油色、棕色等

每页动画持续增加3秒

除第一页和最后一页外，增加文字进入的动效

注：上文的附件指的是Anthropic昨天发布"项目"的新闻正文。

💧

水循环动画（自动配音）

提示词：

用React做动画，展示水是如何循环的，要复杂些，添加emoji或svg

我需要一个水循环过程的React组件。左侧是动画，展示蒸发、凝结、降水和汇集四个阶段；右侧是对应的文字说明。请用Web Speech API添加自动语音播放功能，语音内容与文字一致。使用SVG制作动画，每个阶段持续8秒。整体设计要简洁明了，易于理解。请确保动画更流畅，文字更精简。

🎮

量子纠缠探索者游戏

提示词：

随机生成一个复杂的可以运行的游戏，要创新，界面要科幻，请用Artifact，主题要小众

优化界面，要科幻，要有趣，要姓名

另外还尝试了农舍风格版本，使用温暖、自然的色调，如木质色、奶油色、棕色等。

⏳

时间守护者之谜

提示词：

随机生产一个复杂的可以运行的游戏，要创新，界面要艺术装饰：奢华、华丽，常用金色、深红色、黑色等。请用Artifact，主题要小众

页面上加上游戏规则，解锁不成功后，自动复位，让用户再尝试

AI功能探索与配色风格指南

🎨

配色风格参考

想要Claude生成的页面更好看，记得收藏下面的配色风格：

1. 现代：简洁、干净、鲜明的颜色。2. 复古：怀旧、温暖、柔和的颜色。3. 自然：柔和、淡雅、贴近自然的颜色。4. 卡通：明亮、鲜艳、对比强烈的颜色。5. 极简主义：少量颜色，通常是黑、白、灰等中性色。6. 波西米亚：丰富、饱和、多彩的颜色，常带有民族风情。7. 斯堪的纳维亚：淡雅、柔和，常使用白色、浅灰、浅蓝等颜色。8. 工业：深沉、粗犷，常用灰色、黑色、深棕色等。9. 田园：柔和、温馨，常用浅绿色、淡黄色、浅粉色等。10. 海洋：蓝色、白色、海绿色等清新、凉爽的颜色。11. 复古未来主义：鲜艳、对比强烈，带有未来科技感的颜色。12. 艺术装饰：奢华、华丽，常用金色、深红色、黑色等。13. 农舍风：温暖、自然，常用木质色、奶油色、棕色等。14. 现代简约：简洁、时尚，常用黑白灰搭配亮色点缀。15. 传统：经典、保守，常用深红、深蓝、金色等颜色。16. 热带：明亮、鲜艳，常用橙色、黄色、绿色等热带植物色。17. 科幻：金属色、荧光色，带有科技感和未来感的颜色。18. 运动：活力、动感，常用红色、蓝色、橙色等颜色。19. 浪漫：柔和、甜美，常用粉色、紫色、浅蓝色等颜色。20. 都市：时尚、前卫，常用黑白灰搭配明亮色调。

延伸阅读

Web Speech API是一个允许网页应用程序访问语音识别和语音合成功能的JavaScript API。它主要包含两个部分：

1. 语音识别 (Speech Recognition)： 允许网页应用识别用户的语音输入。

2. 语音合成 (Speech Synthesis)： 允许网页应用将文本转换为语音输出。

适用平台：

Web Speech API主要在现代浏览器中得到支持，但支持程度各不相同：

• 桌面浏览器：

• Chrome：完全支持

• Firefox：部分支持

• Safari：部分支持

• Edge：完全支持

• 移动浏览器：

• iOS Safari：部分支持

• Android Chrome：完全支持

结语

快来体验Claude 3.5 Sonnet Artifacts，真的很有趣！

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

欢迎点赞、转发、收藏。

精选历史文章，请看这里：