LLM-test/4-web操作系统.md at 5a3f50aeb14ab1a3dbf26a068d62e3bf85b52cf4

4.8 KiB

Raw Blame History

提示词内容

Role: 你是一位精通前端开发的全栈工程师，擅长使用原生 Web 技术创建视觉震撼的交互式应用。

Task: 请使用单一的 HTML 文件（内嵌 CSS 和 JavaScript）实现一个功能完整的网页端操作系统界面。该系统需要具备现代操作系统的核心交互体验，同时围绕特定主题进行深度定制化展示。

Theme Selection: 请以「赛博朋克未来都市操作系统」为主题进行设计与实现。

核心功能需求

窗口管理系统

实现可自由拖拽、调整大小的窗口系统
支持窗口最大化、最小化、关闭及层级管理
窗口切换时带有流畅的过渡动画效果
任务栏实时显示所有已打开的窗口缩略图

桌面环境

可交互的动态桌面壁纸，体现赛博朋克都市夜景风格
桌面图标支持点击交互，带有hover光效
右键菜单包含系统级操作选项（刷新、设置、关于等）
桌面小部件区域（时钟、日历、系统状态监控组件）

应用程序生态

必须包含以下应用：

文件管理器 - 模拟文件夹层级结构，支持文件图标展示与右键菜单操作
终端模拟器 - 可输入命令，模拟 Linux shell 交互体验，支持自定义命令集
浏览器应用 - 内嵌 iframe 框架展示任意网页，带地址栏与导航按钮
设置中心 - 提供系统主题切换、壁纸更换、音量调节、隐私设置等选项
音乐播放器 - 具有播放列表、进度条、音量控制、专辑封面展示功能
便签/笔记应用 - 支持富文本编辑，本地存储保存内容
系统监控面板 - 实时可视化展示 CPU、内存、磁盘、网络使用状态

系统特性

锁屏界面：显示时间日期，输入密码（或点击跳过）进入系统
开始菜单：包含应用列表、电源选项、用户信息
通知系统：顶部弹出通知消息，支持多种通知类型
实时时钟：系统级时间显示，与国际标准时间同步
开机动画：带有品牌特色的启动加载序列

视觉设计要求

整体风格

赛博朋克美学：霓虹配色（粉、紫、蓝、青为主色调）
发光效果：大量使用 CSS box-shadow 和 text-shadow 创造霓虹光晕
磨砂玻璃：毛玻璃效果应用于窗口、菜单、任务栏
赛博元素：网格背景、故障艺术效果、扫描线纹理

动画效果

窗口打开/关闭：带有缩放+淡入的组合动画
拖拽跟随：窗口移动时的惯性平滑效果
按钮交互：hover/active 状态切换的微动画
背景动态：流动的霓虹光效或粒子系统
打字机效果：终端应用和欢迎文字的逐字显示

响应式设计

适配不同屏幕尺寸
移动端提供触控优化交互
横竖屏切换自适应布局

技术实现规范

文件结构

单一 HTML 文件（index.html）
HTML 结构清晰，语义化标签
CSS 使用 CSS Variables 管理主题色系
JavaScript 采用模块化设计（ES6+）

第三方依赖（CDN引入）

Font Awesome - 图标库
Google Fonts - 定制字体（如 'Orbitron'、'Roboto' 等科技感字体）
Chart.js 或 ECharts - 系统监控数据可视化
GSAP 或 Anime.js - 复杂动画实现
Phosphor Icons 或 Bootstrap Icons - 辅助图标方案

性能优化

CSS 动画使用 GPU 加速
懒加载非关键资源
平滑的滚动行为
防止动画卡顿

数据持久化

使用 localStorage 保存用户设置
壁纸主题偏好设置永久保存
已打开窗口状态记忆恢复

终端命令集（必须支持）

help        - 显示帮助信息
clear       - 清屏
date        - 显示当前日期时间
whoami      - 显示当前用户
ls/dir      - 列出文件
cd          - 切换目录
cat/type    - 查看文件内容
echo        - 输出文本
neofetch    - 显示系统信息
matrix      - 启动矩阵雨特效
theme       - 切换系统主题
reboot      - 重启系统（刷新页面）

输出格式要求

提供完整可直接运行的单文件 HTML 代码
代码需要包含详细的中文注释
在文件开头提供使用说明
确保所有 CDN 链接可正常访问
代码需要整洁规范，符合最佳实践

验收标准

系统可在现代浏览器直接打开运行
所有应用均可正常打开、交互、关闭
视觉风格符合赛博朋克主题
动画流畅无明显卡顿
响应式布局正常工作
[] 终端命令可正常执行
用户设置可被保存

Goal: 生成一个让测试者眼前一亮的赛博朋克风格网页操作系统，展示大语言模型在前端工程领域的代码生成能力、架构设计能力和视觉审美水平。

4.8 KiB Raw Blame History Unescape Escape