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

相关推荐
在路上走着走着10 天前
Prompt Engineering 入门指南:从原理到上手
人工智能·prompt
coft10 天前
Loop Engineering — 从“写 prompt“到“设计循环“,AI Agent 的下一次进化
人工智能·prompt
CoLiuRs10 天前
从 Prompt 到 Loop:AI 工程到底在卷什么
人工智能·prompt
AI 小老六10 天前
GEPA 架构拆解:让 Prompt 和 Skill 优化不靠玄学
数据库·人工智能·ai·架构·开源·prompt
凯丨10 天前
从写 Prompt 到Loop Engineering:AI 编程的下一次跃迁
prompt
奋飛10 天前
从 Prompt 到 Agent:LangChain 究竟解决了什么问题
ai·langchain·prompt·agent
沪漂阿龙11 天前
Context Engineering:比 Prompt Engineering 更重要的上下文工程
人工智能·langchain·prompt
猿人谷11 天前
从 Prompt Engineering 到 Loop Engineering:AI 编程正在进入“闭环工程”时代
大数据·人工智能·prompt
取个鸣字真的难11 天前
Image2 生成 PPT 的最后分水岭:Prompt
人工智能·prompt·powerpoint
啾啾Fun11 天前
【LLM 应用优化】Prompt Caching:LLM 调用成本降 90% 的底层机制与实战策略
缓存·prompt