效果如图所示
 [image]\ 

下面是提示词文档

前端设计关键词与提示词指南
🎯 核心设计关键词
视觉设计关键词

现代化、简洁、专业、科技感、高效、清晰、一致、优雅、流畅、直观


交互设计关键词

响应式、即时反馈、平滑过渡、直观操作、快速响应、智能提示、友好错误处理


用户体验关键词

易用性、可访问性、可扩展性、可维护性、性能优化、用户友好、操作便捷


技术实现关键词

组件化、模块化、类型安全、状态管理、数据缓存、实时更新、错误边界


🎨 详细设计提示词
1. 布局设计提示词
主布局结构

创建一个现代化的管理界面布局，包含以下元素：

- 可折叠的侧边栏导航（宽度：展开256px，折叠64px）

- 固定的顶部导航栏（高度64px）

- 响应式主内容区域（自适应剩余空间）

- 支持明暗主题切换

- 流畅的过渡动画效果（duration: 300ms）

-...