根据草图或图片生成网页提示词prompt

告别繁琐编码:Cline 2.0带你玩转AI开发!从手绘草图到功能齐全的Chatbot系统,见证AI assisted coding的惊人魔力!

视频中的提示词

复制代码
generate a web page like this image use bootstrap

Add light green to the left half of the page, without gradients, and keep the previous color on the right side of the page

Based on this HTML page, the express framework is used to implement the real login function, and the default username and password are set to admin and admin111

Add avatars to the left side of the questions entered by the user and the questions returned by the AI. The user's avatar uses this 👨, and the AI's avatar uses this 🤖

Change the question input box at the bottom to a textarea that supports multiple lines

视频中所用到的草图

点击链接查看草图⬇️

https://github.com/user-attachments/assets/3b196b12-b31d-4504-9041-e7f8760cfc2d

相关推荐
落樱弥城9 小时前
Prompt Engineering to Context Engineering
prompt
非晓为骁12 小时前
【AI】AI 评测入门(二):Prompt 迭代实战从“能跑通”到“能落地”
人工智能·prompt·提示词工程·ai评测
leo03081 天前
7种流行Prompt设计模式详解:适用场景与最佳实践
设计模式·prompt
风雨中的小七2 天前
解密prompt系列60. Agent实战:从0搭建Jupter数据分析智能体
prompt
zzywxc7872 天前
AI在金融、医疗、教育、制造业等领域的落地案例(含代码、流程图、Prompt示例与图表)
人工智能·spring·机器学习·金融·数据挖掘·prompt·流程图
bboyzqh3 天前
任务型Agent:prompt工程实践
大模型·prompt·上下文工程
美人鱼战士爱学习3 天前
2024 arXiv Cost-Efficient Prompt Engineering for Unsupervised Entity Resolution
prompt
水的精神3 天前
写好 Prompt 的 12 条实践经验
prompt
Wilber的技术分享3 天前
【大模型实战笔记 1】Prompt-Tuning方法
人工智能·笔记·机器学习·大模型·llm·prompt
relis3 天前
解密llama.cpp:Prompt Processing如何实现高效推理?
prompt·llama