提示词

分类下相关文章

用 AI 一招搞定可视化图表,值得收藏的 Claude 提示词

前两天,尝试了 用 DeepSeek 半分钟生成软件系统架构图,但是生成的 PlantUML 虽然逻辑清晰,但是界面不够漂亮。今天恰好在小红书上刷到一个不错的替代方案,就是通过 AI 生成 draw.io 的代码。 例如,作为示例,我想生成一个“Android 平板控制脑机设备的逻辑流程”的可视化图表。 效果图 先看效果 提示词 根据描述直接生成可以运行的 draw.io 代码: 描述 Android 平板控制脑机设备的逻辑流程 注意,最好是使用 claude 来生成代码。因为之前试过 google gemini 2.0 flash 效果也不是很理想。还是 claude 更靠谱一些。可能 ...

阅读全文...

用 DeepSeek 半分钟生成软件系统架构图,或者业务流程图,AI 提示词又学到了

有时候想把项目的架构形象地画出来,毕竟一图胜千言。但 AI 时代了,能不能让 DeepSeek 直接生成项目架构图,或者业务流程图呢?今天尝试了一下,效果异常得秒 ✌️ 提示词 帮忙给出一个 plantuml 的架构图,或者时序图,用于形象展现 Android 平板通过蓝牙控制机器狗,并且机器狗的运行数据实时通过 MQTT 传到服务器,并且服务器上的web 后台可以看到这些实时数据。 生成的效果图 先看效果,当然这个图片不是直接生成的,但是为了大家不感到枯燥,就先看效果。 生成的 PlantUML 指令 将上面的提示词输入或者复制到 DeepSeek 获取其他支持深度思考的大模型都可以, ...

阅读全文...

Claude 开发网站网页的 AI 提示词

​之前是Claude 3.7 生成 APP/网站 UI 设计稿的提示词,这次更直接一些,直接生成手机自适应的网站。 原来一周的网页开发量,现在五分钟就能靠 ai 自动生成,而且美观度,交互体验,和功能细节都比我手写的要好🥲。哎,等待 ai 生成代码的时间,我还去洗了个澡 ╮(¯▽¯)╭ 这个时代真好。 用重新设计我的博客网站做示例。 提示词 我想开发一个程序员的个人博客网站,需要手机自适应,现在需要输出网页代码,请通过以下方式帮我完成所有界面的代码: 1、用户体验分析:先分析这个网站的主要功能和用户需求,确定核心交互逻辑。主要包括首页文章列表,文章详情页,分类/Tag 页面等,文章编辑页。 ...

阅读全文...

Claude 3.7 生成 APP/网站 UI 设计稿的提示词

在浏览小红书时 (@大象卷大葱),发现了一个不错的 AI 提示词模板,用于生成 APP/网站 UI 设计稿。非常实用,可以直接在 VSCode Github Copilot 插件的 Edits 中一键生成设计稿的 HTML 网页代码。 例如,我想开发一个颜色搭配的 App。 生成的设计稿效果 先看效果,就是网页啦: 提示词 我想开发一个颜色搭配的 App,现在需要输出高保真的原型图,请通过以下方式帮我完成所有界面的原型设计,并确保这些原型界面可以直接用于开发: 1、用户体验分析:先分析这个 App 的主要功能和用户需求,确定核心交互逻辑。 2、产品界面规划:作为产品经理,定义关键界面,确保 ...

阅读全文...