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

相关推荐
切糕师学AI23 分钟前
AI 领域中的 Prompt(提示词/提示)是什么?
人工智能·prompt
效率客栈老秦17 小时前
Python Trae提示词开发实战(12):AI实现API自动化批量调用与数据处理让效率提升10倍
人工智能·python·ai·prompt·trae
猫头虎17 小时前
2025年AI领域年度深度总结:始于DeepSeek R1开源发布,终于Manus天价出海
人工智能·langchain·开源·prompt·aigc·ai编程·编程技术
新元代码21 小时前
论文写作 Prompt 模板库
prompt
谁怕平生太急1 天前
MAI-UI的prompt
ui·prompt·gui agent·mai-ui
无妄无望1 天前
The Prompt Report: A Systematic Survey of Prompt Engineering Techniques(文本部分 )
人工智能·自然语言处理·prompt
努力犯错1 天前
LTX-2 进阶 Prompt 技巧:从入门到专业视频创作
人工智能·数码相机·机器学习·计算机视觉·开源·prompt·音视频
寂寞恋上夜2 天前
枚举值怎么管理:固定枚举/字典表/接口动态(附管理策略)
prompt·状态模式·markdown转xmind·deepseek思维导图
沛沛老爹2 天前
Skills高级设计模式(一):向导式工作流与模板生成
java·人工智能·设计模式·prompt·aigc·agent·web转型
minhuan2 天前
大模型应用:大模型权限管控设计:角色权限分配与违规 Prompt 拦截.49
prompt·大模型应用·大模型权限管控·违规提示词监测