我希望设计一个简洁且易维护的网站，用于构建一个 DFT (Density Functional Theory) Agent 的交互界面。用户可以输入问题并查看计算过程和结果。用户在输入框中输入一句话问题，例如“计算LiNa的能量”。后端接收请求后，调用 Agent 和相关工具执行 DFT 计算。DFT 计算开始之前，后端会提供该分子的结构文件，前端需要在页面上展示该分子的结构图（基于后端提供的结构文件生成的图片）。DFT 计算过程中，后端会逐步返回中间输出，前端需要实时在页面上展示这些中间结果，而不是用打勾或进度条的形式简化显示。DFT 计算完成后，后端会提供该分子的 HOMO 和 LUMO 结构图，前端需在页面上显式展示。页面整体使用浅色背景，设计要有一定科技感，例如柔和的渐变和简洁的图标或边框。界面布局要保持平衡，不允许出现一边元素过多、一边空旷的情况，布局要合理分配空间，避免界面拥挤或不平衡。输入仅支持用户输入一句话问题，例如“计算LiNa的能量”。输出应显式展示后端输出的中间结果和最终结果，包括文字信息和结构图。分子结构图和 HOMO/LUMO 结构图应嵌入页面，在数据返回后自动更新。前端代码需尽可能简洁，便于维护。后端接口假定已准备好，可以通过简单的 API 调用获取分子结构图和计算结果。 - Initial Deployment
e1a63f9
verified
metadata
title: dftagent
emoji: 🐳
colorFrom: green
colorTo: green
sdk: static
pinned: false
tags:
- deepsite
Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference