WaytoAGI
用户8021
添加快捷方式
分享
常见需求提示词库
输入“/”快速插入内容
常见需求提示词库
用户8021
2025年10月16日修改
💡 使用建议
✅
目标清晰
:告诉 AI “我要什么”
✅
范围限定
:说明“不动哪里”
✅
语气自然
:像对同事说话一样
✅
分步执行
:先规划 → 再实现 → 再美化
💡 说明:
这些提示词适用于所有主流 AI 构建器(如 Lovable、Claude code、Cursor 等)。
语气友好、结构清晰,让 AI 明白“你要什么、做到什么程度、不该改哪里”。
🎯 一、开始一个新项目(项目启动)
适用场景:
当你想从零开始一个应用或系统,比如任务管理、商城、博客、聊天助手等。
使用方法:
明确说明要做的项目类型、主要功能、使用的技术或平台,然后告诉 AI 从哪个页面或功能开始构建。
示例提示词:
代码块
Plain Text
我想创建一个【任务管理应用】,要求如下:
- 技术栈:Next.js 前端 + Tailwind CSS 样式 + Supabase 作为后端和登录。
- 核心功能:
- 创建和管理项目与任务;
- 任务分配与截止日期;
- 仪表板展示项目进度。
请先从「主仪表板」页面开始设计,包含:
- 顶部导航栏;
- 项目列表(带状态);
- “新建项目”按钮。
暂时使用假数据,界面要简洁、干净、支持响应式布局。
🎨 二、界面与交互设计(UI/UX 改进)
适用场景:
当功能已实现,只想让界面更美观、更专业、更统一时。
使用方法:
告诉 AI 这是纯视觉优化,不改变功能逻辑。说明想要的设计风格和重点改进区域。
示例提示词:
代码块
Plain Text
请帮我改进这个应用的界面设计,但不要更改任何功能逻辑。
要求:
- 保留所有数据逻辑;
- 将页面改为现代卡片风格;
- 优化颜色对比度,增加留白;
- 调整间距、字体大小,使布局更清晰;
- 保持响应式特性。
目标:让应用更现代、简洁、美观,但功能完全不变。
📱 三、让界面适配手机(响应式设计)
适用场景:
页面在电脑上正常显示,但在手机或平板上布局混乱。
使用方法:
告诉 AI 你要移动优先的设计,保证手机体验流畅,同时兼容桌面端。
示例提示词:
代码块
Plain Text
请让整个应用在手机、平板和电脑上都能正常显示。
要求:
- 使用「移动优先」设计思路;
- 小屏幕上元素自动堆叠;
- 文本保持可读性;
- 不要固定宽度;
- 不改变现有功能逻辑。
请测试在 iPhone 12 和常规桌面分辨率下效果是否正常。