🏗️ 构建完整的应用程序

只需描述您的需求，即可获得一个包含前端、后端和数据库的可用应用程序。

您： $App Builder
帮我构建一个库存追踪器。我需要能添加产品，产品属性包含名称、数量和价格。需要展示总价值，并能提供低库存预警。

AI 执行的操作

1. 设计数据库 Schema 表结构
2. 构建一个带有 CRUD 接口端点的 Python API (Flask)
3. 创建一个美观的前端，包含仪表盘、图表和搜索功能
4. 填充一些真实的测试种子数据
5. 启动服务器并对每一个接口端点进行测试
6. 通过端口预览面板展示运行中的应用程序

技能指令内容

将以下内容复制到 Workspace → Skills → Create 中：

---
name: app-builder
description: 构建包含前端、后端和数据库的完整 Web 应用程序
---

## 全栈应用生成器

当构建 Web 应用时：

1. **澄清需求**：需要管理哪些数据？用户界面应该展示什么？
2. **首先设计数据库**：使用 SQLite，设计合理的 Schema 表结构
3. **构建 API**：使用 Flask 或 FastAPI，实现 CRUD、搜索、过滤和错误处理
4. **构建美观的前端**：
   - 采用现代化 CSS 样式（不要使用粗糙的框架草图 —— 要让它看起来达到演示标准）
   - 设计包含关键指标和图表的仪表盘（使用 Chart.js）
   - 设计支持搜索的响应式数据表格
   - 提供用于数据录入的表单
5. **填充真实的示例数据**，让演示效果更加饱满和好看
6. **启动服务器**，并使用 curl 测试每个接口端点
7. **验证完整的工作流**：创建、读取、更新、删除和搜索

构建一个足够精致、可供直接演示的产品，而不是粗糙的线框图。