根据草图或图片生成网页提示词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

相关推荐
思绪漂移2 天前
工作日报 / 周报 Agent——发芽板块(含prompt和应用示例)
prompt·agent
思绪漂移2 天前
工作日报 / 周报 Agent——Bob说板块(含prompt和应用示例)
prompt·agent
陌路203 天前
初识大模型 - Prompt Engineering 实战
prompt
学习日记5253 天前
【提示词工程系统教程 05】上下文工程:静态指令、动态检索与RAG架构
人工智能·prompt
小白说大模型3 天前
AI Agent 调试实战:链路追踪、Prompt 可视化与异常定位的系统方法
java·人工智能·python·算法·prompt
老谷子.AI原始技术4 天前
《Claude Code工程化实践》加课4-Claude Code 的底层内功:Prompt Engineering
prompt·claude code
中微极客4 天前
从Prompt到RAG:LLM工程实战全链路解析
人工智能·python·prompt
黑夜路人4 天前
可靠 Agent 设计:从一句 Prompt 到稳定交付
数据库·人工智能·prompt
kp000005 天前
System Prompt Leakage(系统提示词泄露)及安全防御
网络·安全·网络安全·信息安全·prompt·ai安全
kp000005 天前
AI大模型,如何区分善意提问与Prompt注入攻击
人工智能·网络安全·信息安全·prompt·ai安全