根据草图或图片生成网页提示词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 小时前
大模型入门-大模型的推理策略
开发语言·python·算法·正则表达式·prompt
格桑阿sir9 小时前
07-大模型智能体开发工程师:提示词工程(Prompt Engineering)
ai·llm·prompt·提示词·context·智能体·提示词工程
Invisible_He10 小时前
《构建 Claude Code 的经验:Prompt Caching 就是一切》深度解析
prompt·cache·claude code
codefan※10 小时前
day04-prompt-pitfalls
人工智能·大模型·llm·prompt·prompt工程·ai应用开发
C137的本贾尼1 天前
提示词工程(上):写好 Prompt 的 CO-STAR 框架
人工智能·prompt
abigale031 天前
LangChain 实践 极简个人知识库问答机器人&自定义大模型封装+通用对话链
langchain·prompt·rag·lcel
codefan※1 天前
7 个Prompt 框架汇总:从 Chain of Thought 到 ReAct + PoT
前端·react.js·ai·llm·prompt·prompt工程·思维链
Rauser Mack2 天前
编程零基础,半小时用AI做了两个经典小游戏(附完整Prompt和HTML代码)
人工智能·html·prompt
零壹AI实验室2 天前
2026年AI原生应用开发实践:从Prompt工程到Agent工作流
prompt·ai-native
AIDF20262 天前
动态大模型 Prompt 生成技术解析
服务器·llm·prompt·agent