黑哥 AI
切换中文
Mobile is supported. For large previews, filtering, and copying long prompts, desktop browser is more comfortable.

Code Editor IDE Dark Theme

UI Mockups Dark Mode Minimalist Flat

English full prompt

A desktop screenshot mockup of a modern code editor IDE in a dark theme at 1440 px. Three-pane layout: a slim left file-tree sidebar lists folders and files ("src/", "components/", "App.tsx", "index.ts" etc.) with file-type color icons. The large center pane shows a TypeScript code file with syntax highlighting — keywords in electric blue, strings in green, comments in muted gray, function names in amber, types in violet. Line numbers are visible on the left gutter. A highlighted line 42 has a red squiggly underline and a small inline error tooltip reading "Property 'userId' does not exist on type 'Session'". The right pane shows a minimap of the file and a scrollbar. A top tab bar shows three open files: "App.tsx" (active), "api.ts", "types.ts". The integrated terminal panel at the bottom shows a shell prompt "~/project $" and a completed "npm run build" command output in green "✓ Built in 3.2s". Color palette: #1E1E2E background, #252537 sidebar, bright syntax colors on dark ground. Monospaced code font.

中文完整提示词

一张 1440px 宽深色主题代码编辑器 IDE 截图,三栏布局:左侧文件树展示"src/"、"components/"、"App.tsx"、"index.ts"等,中间大面板为 TypeScript 文件,关键字电蓝、字符串绿色、注释灰色、函数名琥珀、类型紫色语法高亮,第 42 行有红色波浪线和错误提示「属性 userId 不存在于类型 Session」。右侧为文件缩略地图。顶部标签栏显示三个打开的文件。底部终端面板显示"npm run build"完成输出「src/」。配色深黑背景,等宽代码字体。

Related cases