update: llm/dw2025winter/1

jujimeizuo · Dec 22, 2024 · 87c7107 · 87c7107
1 parent 804e79c
commit 87c7107
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 1 deletion.
diff --git a/docs/changelog.yml b/docs/changelog.yml
@@ -1,4 +1,8 @@
 - "2024":
+  - "2024-12-22":
+    - newpage:
+        text: LLM > DataWhale 2025 AI 冬令营 > 速通AI辅助番茄时钟开发
+        href: /llm/dw2025winter/lec1/
   - "2024-10-15":
     - newpage:
         text: Utils > AI > Weights & Biases

diff --git a/docs/llm/dw2025winter/index.md b/docs/llm/dw2025winter/index.md
@@ -14,4 +14,4 @@ counter: true
 
 ## Table of Contents
 
-<!-- - [速通AI辅助番茄时钟开发](lec1.md) -->
+- [速通AI辅助番茄时钟开发](lec1.md)
diff --git a/docs/llm/dw2025winter/lec1.md b/docs/llm/dw2025winter/lec1.md
@@ -0,0 +1,33 @@
+---
+counter: true
+comment: true
+---
+
+
+# 速通AI辅助番茄时钟开发
+
+!!! abstract
+    学习自 [5 分钟速通 AI 辅助番茄时钟开发](https://www.datawhale.cn/activity/116/23/94?rankingPage=1)
+
+## 注册 & 使用 MarsCode IDE
+
+- 官网：[MarsCode]( https://www.marscode.cn/home?utm_source=school&utm_medium=datawhalelearn&utm_campaign=camp1)
+- 进行工作台打开在线 IDE
+
+## Pipeline
+
+- 选择 “HTML / CSS / JS” 项目，点击 “创建” 按钮创建项目
+- 右侧 AI 对话区下方对话框输入 Prompt：
+
+```text
+请你基于html、tailwind css和javascript，帮我设计一个“番茄时钟”。
+要求UI简洁美观大方，同时具有呼吸感，点击开始计时、点击暂停计时和重置计时的功能能够完美实现。
+```
+
+- 将返回的 html 和 js 文件 copy 到项目中
+- 启动！
+
+## 结果展示
+
+<center><img src="https://cdn.jujimeizuo.cn/note/llm/dw2025winter/dw2025w-1-1.png"></center>
+<center><img src="https://cdn.jujimeizuo.cn/note/llm/dw2025winter/dw2025w-1-2.png"></center>
Original file line number	Diff line number	Diff line change
Expand Up		@@ -14,4 +14,4 @@ counter: true

		## Table of Contents

		<!-- - [速通AI辅助番茄时钟开发](lec1.md) -->
		- [速通AI辅助番茄时钟开发](lec1.md)