# PromptCodeBench

**Repository Path**: ccccggg/PromptCodeBench

## Basic Information

- **Project Name**: PromptCodeBench
- **Description**: 本仓库持续收录用于评测 LLM 代码编写能力的精选提示词（Prompts），支持多模型、多语言、多任务，结果公开可复现。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-09-18
- **Last Updated**: 2025-09-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: llm, prompt

## README

# 项目集锦



本仓库包含三个独立的项目，每个项目都展示不同的前端技术与视觉效果。



## 项目列表



### 1. 3D 浮动小岛场景



一个梦幻般的低多边形浮动岛屿场景，具有动态照明和柔和动画效果。



**技术特点：**

- 单 HTML 文件实现

- 低多边形设计风格

- 动态光照效果

- 流畅的动画效果

提示词：
```
Create a dreamy low-poly floating island scene with dynamic lighting and gentle animations, in a single HTML file.
```

### 2. 动态天气组件



一个包含多种天气条件的动画卡片集合，展示不同天气状态的视觉效果。



**支持的天气条件：**

- 风（移动的云朵、摇摆的树木或风线）

- 雨（落下的雨滴、形成的水坑）

- 阳光（闪耀的光线、明亮的背景）

- 雪（飘落的雪花、积雪效果）



**技术特点：**

- 深色背景设计

- 并排显示所有天气卡片

- 可通过按钮切换不同天气条件

- 单 HTML 文件包含所有代码

提示词：
```
Create a single HTML file containing CSS and JavaScript to generate an animated weather card. The card should visually represent the following weather conditions with distinct animations: Wind: (e.g., moving clouds, swaying trees, or wind lines) Rain: (e.g., falling raindrops, puddles forming) Sun: (e.g., shining rays, bright background) Snow: (e.g., falling snowflakes, snow accumulating) Show all the weather card side by side The card should have a dark background. Provide all the HTML, CSS, and JavaScript code within this single file. The JavaScript should include a way to switch between the different weather conditions (e.g., a function or a set of buttons) to demonstrate the animations for each.
```

### 3. 文心 X1.1 信息网页



一个展示文心 X1.1 所有信息的动态网页，采用现代化的设计风格。



**设计特点：**

- Bento Grid 风格的视觉设计

- 纯黑色背景配合百度白和蓝色作为高亮

- 超大字体/数字突出核心要点

- 中英文混用排版（中文大字体粗体，英文小字点缀）

- 简洁勾线图形化数据可视化

- 高亮色自身透明度渐变创造科技感

- Apple 官网风格的滚动动效

- 引用在线图表组件（样式与主题一致）



**技术实现：**

- 使用 Framer Motion (通过 CDN 引入)

- 使用 HTML5、TailwindCSS 3.0+ (通过 CDN 引入)

- 使用 Font Awesome 或 Material Icons 图标库

- 避免使用 emoji 作为主要图标

提示词：
```
帮我搜索文心 X1.1 的所有信息并生成网页，不要遗漏信息
根据上面内容生成一个 HTML 动态网页
1. 使用Bento Grid风格的视觉设计，纯黑色底配合百度的白色和蓝色作为高亮
2. 强调超大字体或数字突出核心要点，画面中有超大视觉元素强调重点，与小元素的比例形成反差
3. 中英文混用，中文大字体粗体，英文小字作为点缀
4. 简洁的勾线图形化作为数据可视化或者配图元素
5. 运用高亮色自身透明度渐变制造科技感，但是不同高亮色不要互相渐变
6. 模仿 apple 官网的动效，向下滚动鼠标配合动效
8. 数据可以引用在线的图表组件，样式需要跟主题一致
9. 使用 Framer Motion （通过CDN引入）
10. 使用HTML5、TailwindCSS 3.0+（通过CDN引入）和必要的JavaScript
11. 使用专业图标库如Font Awesome或Material Icons（通过CDN引入）
12. 避免使用emoji作为主要图标
13. 不要省略内容要点
```

## 使用方法



复制提示词发送给想要测试的模型即可。



## 许可证



本项目采用 MIT 许可证。