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

相关推荐
IT古董13 小时前
《Agent开发工程师成长指南》- 第4章 第2节:Prompt设计五要素——任务、角色、上下文、约束与输出格式
大数据·人工智能·prompt
吴名氏.15 小时前
Java转AI Agent教程(第五周)Prompt工程
java·人工智能·prompt·ai agent
一枕槐安48717 小时前
微调 vs Prompt:业务场景下两种方案成本 & 效果对比
大数据·人工智能·prompt·混合架构·推理成本·行为固化·知识边界
小哈里20 小时前
【Agent】从Prompt工程、Context工程到 Harness工程,让 AI 能真正完成工作
人工智能·prompt·agent·ai编程·harness
技灵AI1 天前
AI 开箱视频怎么做?用创意开场带出商品展示
人工智能·prompt·aigc
一枕槐安4872 天前
Prompt 工程实战:结构化提示词设计提升 LLM 输出稳定性
prompt·结构化输出·pydantic校验·llm稳定性·约束解码
聪明蛋子哟2 天前
大模型应用“最后一公里”:从Prompt工程到MCP协议,如何实现跨系统的高可用集成?
网络·prompt
广州国启未来2 天前
AI绘图实战:如何用Prompt打破室内图的“样板间感”?
prompt·aigc·生活
Zhao-Jichao2 天前
AI Prompting for Everyone 课程笔记 - P06 模型提示词对比 AI Model Prompt Comparison
人工智能·笔记·prompt
鬼手点金3 天前
提示注入:上下文安全的核心威胁
人工智能·安全·microsoft·机器学习·缓存·prompt