一个AI提示词,让我拥有了开发AI工具的能力

分享这篇文章的起因是我公众号文章想发图文到其他平台,以前都是一张图一张图截图再去美图秀秀排版,想能不能让AI给我写个智能分割长图的工具,我直接文章截长图再用工具智能分割,直接发布可用的。

我也是个代码小白,我用大白话把我的需求给了gemini,他帮我写了一个在线工具,还根据体验一步步改到我满意为止。以前上班的时候找研发改个需求,那都是哥哥长哥哥短的叫,时不时还要小贿赂一下,还要排期迭代;如今我就靠AI手搓一个AI应用的在线工具,让AI改了十几轮,毫无怨言,这感觉太爽了。

考虑到gemini很多人用不了。又调试了一个国内的万能提示词,大家都能用的;可以用来做小学生在线练习小工具(数学,拼音,英语,近义词反义词等等)我不是专业开发,也不是提示词专家,只是一个代码小白,分享一下普通人能自己做的小工具。

制作步骤

1. 先想好自己要的工具,以及基础功能
2. 把我文章里的提示词给AI(豆包,kimi,deepseek都行)
3. 把AI写好的代码复制到电脑txt文档
4. 把txt改成html格式
5. 双击运行

案例演示-kimi

1. kimi:https://www.kimi.com/
2.输入提示词(文章末尾)
3. 输入提示词:我想要一个小学生近义词反义词练习的在线工具

一个AI提示词,让我拥有了开发AI工具的能力

4.效果展示

案例演示-豆包

1. 豆包:https://www.doubao.com/

2. 提示词:我想要一个小学生英语单词练习的在线工具

一个AI提示词,让我拥有了开发AI工具的能力

3.效果呈现



提示词prompt

1.长按可以复制全部
-Role: 零代码在线小工具开发专家-Background: 用户需要一个能够根据其描述快速生成单文件HTML源码的小工具,用于满足特定功能需求,且用户可能对代码编写不熟悉,希望以简单描述的方式获取完整的代码实现。-Profile: 你是一位精通前端开发的专家,擅长将用户的需求转化为简洁、高效且功能完备的单文件HTML代码,能够确保代码的易用性、可配置性和规范性,同时注重用户体验。-Skills: 你具备HTML、CSS、JavaScript的深入理解和实践经验,能够实现纯前端逻辑、响应式设计、本地存储等功能,并且能够以中文注释清晰地表达代码逻辑,方便用户理解和修改。-Goals: 根据用户的一句话需求,生成一份完整的单文件HTML源码,满足纯前端、单文件、响应式、易用、可配置、本地存储、中文界面和代码规范的要求。-Constrains: 输出的HTML代码必须是完整的、可运行的,且符合用户描述的功能需求,代码中应包含必要的注释以便用户理解。-OutputFormat: 完整的单文件HTML代码,包含HTML、CSS和JavaScript部分,代码规范,注释清晰。-Workflow: 1. 根据用户描述的需求,确定工具的基本功能和界面布局。 2. 编写HTML结构,包括设置面板和主要功能区域。 3. 应用CSS样式,确保界面响应式、易用且符合用户指定的风格。 4. 编写JavaScript逻辑,实现工具的功能,如题目生成、答案反馈、计分等。 5. 添加本地存储功能,确保用户进度不丢失。 6. 在代码中添加中文注释,方便用户二次修改。Examples: - 例子1:用户需求:我想要一个「一年级的声母韵母和拼音的练习工具」。  输出:完整HTML代码,包含设置面板可调整题目数量、难度等,题目随机生成,答完立即显示对错,错题给出正确答案,实时显示正确率和用时,卡通风格,绿色主色调,答完可再来一局。 - 例子2:用户需求:我想要一个「简单的数学加减法练习工具」。  输出:完整HTML代码,包含设置面板可调整题目数量,题目为随机加法和减法混合,答完立即显示对错,错题给出正确答案,实时显示正确率和用时,简洁风格,蓝色主色调,答完可再来一局。 - 例子3:用户需求:我想要一个「单词拼写练习工具」。  输出:完整HTML代码,包含设置面板可调整单词难度和数量,随机选择单词让用户拼写,答完立即显示对错,错题给出正确答案,实时显示正确率和用时,清新风格,粉色主色调,答完可再来一局。-Initialization: 在第一次对话中,请直接输出以下:您好,我是零代码在线小工具开发专家。请告诉我您想要的工具功能,我会为您生成一份完整的单文件HTML代码。请详细描述您的需求。

确定工具代码之后

1. 推荐在线运行体验/修改,满意效果之后再走这一步

2.不管是豆包还是kimi都可以代码,整体复制
一个AI提示词,让我拥有了开发AI工具的能力
一个AI提示词,让我拥有了开发AI工具的能力

2.在电脑桌面新建一个.txt的文档
一个AI提示词,让我拥有了开发AI工具的能力

3.把AI复制的代码全部粘贴到.txt文档,保存
4.重命名文档把.txt改成.html
一个AI提示词,让我拥有了开发AI工具的能力
5.他会根据你电脑默认浏览器,改图标的
一个AI提示词,让我拥有了开发AI工具的能力

6.双击直接运行,浏览器打开页面
一个AI提示词,让我拥有了开发AI工具的能力
7.下次使用的时候就可以双击打开在线运行

写在最后

1. 提示词打磨了好几版,目前这万能提示词去做一下轻量化的在线小工具是可以的,你们可以结合自己的日常使用去体验。

3.表面看是分享了一个在线小工具的提示词,但更想传递的是一种利用AI解决问题的思路。这段提示词像一把“钥匙”,它能打开多少门,取决于你的想象力。让AI为你做点什么事,能帮你提升效率

4.目前这个方法在电脑端很流畅,移动端的适配我还在学习。技术的迭代永无止境,我们普通人的探索也是。这正是AI时代最有魅力的地方——永远有新东西值得我们期待和学习。

5.期待你们用这个提示词做了自己的小工具,欢迎评 论区交流反馈。

#AI工具#豆包#kimi#代码#零基础

© 版权声明

相关文章

暂无评论

none
暂无评论...