@aiyiran/myclaw 1.1.45 → 1.1.47
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
* }
|
|
20
20
|
*
|
|
21
21
|
* URL 拼接规则：
|
|
22
|
-
* {
|
|
22
|
+
* {MYCLAW_API_BASE}/api/artifacts?workspace={wsPrefix}
|
|
23
23
|
* main → workspace, 其他 → workspace-{name}
|
|
24
24
|
* ============================================================================
|
|
25
25
|
*/
|
|
@@ -384,18 +384,6 @@
|
|
|
384
384
|
});
|
|
385
385
|
}
|
|
386
386
|
|
|
387
|
-
function fetchArtifactsFromServerAPI(wsPrefix) {
|
|
388
|
-
var url = window.location.origin + '/cmd/api/preview?path=' + encodeURIComponent(wsPrefix + '/.myclaw/__MY_ARTIFACTS__.json');
|
|
389
|
-
console.log('[myclaw-artifacts] [2/2] 尝试 ServerAPI:', url);
|
|
390
|
-
return fetch(url).then(function (res) {
|
|
391
|
-
if (!res.ok) throw new Error('HTTP ' + res.status);
|
|
392
|
-
return res.json();
|
|
393
|
-
}).then(function (data) {
|
|
394
|
-
console.log('[myclaw-artifacts] ✅ ServerAPI 成功');
|
|
395
|
-
return data;
|
|
396
|
-
});
|
|
397
|
-
}
|
|
398
|
-
|
|
399
387
|
function autoPreloadImages(data) {
|
|
400
388
|
if (!data || !data.assets) return;
|
|
401
389
|
data.assets.forEach(function (asset) {
|
|
@@ -418,12 +406,7 @@
|
|
|
418
406
|
function fetchArtifacts(contentEl) {
|
|
419
407
|
var wsPrefix = getWorkspaceId();
|
|
420
408
|
|
|
421
|
-
// LocalAPI → ServerAPI（两层降级，不走 CDN）
|
|
422
409
|
fetchArtifactsFromLocalAPI(wsPrefix)
|
|
423
|
-
.catch(function (err) {
|
|
424
|
-
console.warn('[myclaw-artifacts] ❌ LocalAPI 失败:', err.message, '→ 降级 ServerAPI');
|
|
425
|
-
return fetchArtifactsFromServerAPI(wsPrefix);
|
|
426
|
-
})
|
|
427
410
|
.then(function (data) {
|
|
428
411
|
cachedData = data;
|
|
429
412
|
autoPreloadImages(data);
|
package/package.json
CHANGED
|
@@ -1,198 +1,192 @@
|
|
|
1
1
|
{
|
|
2
|
-
"index_updated_at": "2026-04-
|
|
2
|
+
"index_updated_at": "2026-04-22T11:09:27Z",
|
|
3
3
|
"templates": {
|
|
4
|
-
"
|
|
5
|
-
"
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
"
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
"updated_at": "2026-04-22T06:23:00Z"
|
|
31
|
-
},
|
|
32
|
-
"101": {
|
|
33
|
-
"系列": "A",
|
|
34
|
-
"编号": "101",
|
|
35
|
-
"名称": "做3张同主题图片",
|
|
36
|
-
"文件夹名": "a101_做3张同主题图片",
|
|
37
|
-
"路径": "templates/a101_做3张同主题图片",
|
|
38
|
-
"student_json": "templates/a101_做3张同主题图片/__student__.json",
|
|
39
|
-
"teacher_json": "templates/a101_做3张同主题图片/__teacher__.json",
|
|
40
|
-
"入口文件": "templates/a101_做3张同主题图片/__demo__.html",
|
|
41
|
-
"一句话说明": "先确定一个有趣的主题，再用 AI 生成 3 张风格统一、但情节不同的系列图片。",
|
|
42
|
-
"主能力标签": "表达构建",
|
|
43
|
-
"任务类型标签": "视听表达",
|
|
44
|
-
"关键词": [
|
|
45
|
-
"a101_做3张同主题图片",
|
|
46
|
-
"先确定一个有趣的主题，再用 AI 生成 3 张风格统一、但情节不同的系列图片。",
|
|
47
|
-
"初次接触",
|
|
48
|
-
"需要明确目标",
|
|
49
|
-
"练习通过提示词锁定画面风格",
|
|
50
|
-
"理解作品一致性的价值",
|
|
51
|
-
"初步接触提示词的模块化修改",
|
|
52
|
-
"做3张同主题图片",
|
|
53
|
-
"表达构建",
|
|
54
|
-
"视听表达"
|
|
55
|
-
],
|
|
56
|
-
"updated_at": "2026-04-22T06:29:23Z"
|
|
57
|
-
},
|
|
58
|
-
"102": {
|
|
59
|
-
"系列": "A",
|
|
60
|
-
"编号": "102",
|
|
61
|
-
"名称": "图片资源展示",
|
|
62
|
-
"文件夹名": "a102_图片资源展示",
|
|
63
|
-
"路径": "templates/a102_图片资源展示",
|
|
64
|
-
"student_json": "templates/a102_图片资源展示/__student__.json",
|
|
65
|
-
"teacher_json": "templates/a102_图片资源展示/__teacher__.json",
|
|
66
|
-
"入口文件": "templates/a102_图片资源展示/index.html",
|
|
67
|
-
"一句话说明": "把图片放到网页上，做成一个方便点击查看的小展示页。",
|
|
68
|
-
"主能力标签": "第二能力：表达构建",
|
|
69
|
-
"任务类型标签": "视听表达",
|
|
70
|
-
"关键词": [
|
|
71
|
-
"a102_图片资源展示",
|
|
72
|
-
"把图片放到网页上，做成一个方便点击查看的小展示页。",
|
|
73
|
-
"刚开始接触网页展示的学生",
|
|
74
|
-
"需要先从添加素材开始动手的学生",
|
|
75
|
-
"把本地图片放进网页里",
|
|
76
|
-
"理解图片展示卡片的基本结构",
|
|
77
|
-
"为后续继续扩充图片资源做准备",
|
|
78
|
-
"图片资源展示",
|
|
79
|
-
"第二能力：表达构建",
|
|
80
|
-
"视听表达"
|
|
81
|
-
],
|
|
82
|
-
"updated_at": "2026-04-22T06:28:56Z"
|
|
83
|
-
},
|
|
84
|
-
"103": {
|
|
85
|
-
"系列": "A",
|
|
86
|
-
"编号": "103",
|
|
87
|
-
"名称": "做一个介绍页面",
|
|
88
|
-
"文件夹名": "a103_做一个介绍页面",
|
|
89
|
-
"路径": "templates/a103_做一个介绍页面",
|
|
90
|
-
"student_json": "templates/a103_做一个介绍页面/__student__.json",
|
|
91
|
-
"teacher_json": "templates/a103_做一个介绍页面/__teacher__.json",
|
|
92
|
-
"入口文件": "templates/a103_做一个介绍页面/__demo__.html",
|
|
93
|
-
"一句话说明": "用一张图片加一段文字，做一个属于自己的介绍页面，练一练图文组合的技巧。",
|
|
94
|
-
"主能力标签": "表达构建",
|
|
95
|
-
"任务类型标签": "视听表达",
|
|
96
|
-
"关键词": [
|
|
97
|
-
"a103_做一个介绍页面",
|
|
98
|
-
"用一张图片加一段文字，做一个属于自己的介绍页面，练一练图文组合的技巧。",
|
|
99
|
-
"初次接触网页制作",
|
|
100
|
-
"有一点基础想练排版",
|
|
101
|
-
"图片与文字的组合方式",
|
|
102
|
-
"网页结构的基本层次感",
|
|
103
|
-
"排版的视觉优先级",
|
|
104
|
-
"做一个介绍页面",
|
|
105
|
-
"表达构建",
|
|
106
|
-
"视听表达"
|
|
107
|
-
],
|
|
108
|
-
"updated_at": "2026-04-22T06:28:09Z"
|
|
109
|
-
},
|
|
110
|
-
"104": {
|
|
111
|
-
"系列": "A",
|
|
112
|
-
"编号": "104",
|
|
113
|
-
"名称": "做一个会出招的神奇按钮",
|
|
114
|
-
"文件夹名": "a104_做一个会出招的神奇按钮",
|
|
115
|
-
"路径": "templates/a104_做一个会出招的神奇按钮",
|
|
116
|
-
"student_json": "templates/a104_做一个会出招的神奇按钮/__student__.json",
|
|
117
|
-
"teacher_json": "templates/a104_做一个会出招的神奇按钮/__teacher__.json",
|
|
118
|
-
"入口文件": "templates/a104_做一个会出招的神奇按钮/index.html",
|
|
119
|
-
"一句话说明": "先试试按钮效果，再改一点，最后加一个你自己的新按钮。",
|
|
120
|
-
"主能力标签": "迭代推进",
|
|
121
|
-
"任务类型标签": "游戏机制",
|
|
122
|
-
"关键词": [
|
|
123
|
-
"a104_做一个会出招的神奇按钮",
|
|
124
|
-
"先试试按钮效果，再改一点，最后加一个你自己的新按钮。",
|
|
125
|
-
"想先动手再思考的学生",
|
|
126
|
-
"刚开始学网页互动的学生",
|
|
127
|
-
"容易卡在空白页不知从哪开始的学生",
|
|
128
|
-
"先运行现成示例，快速进入任务",
|
|
129
|
-
"从已有功能里挑一个做小改动",
|
|
130
|
-
"理解一个按钮对应一个功能",
|
|
131
|
-
"把新增功能接入现有页面结构",
|
|
132
|
-
"做一个会出招的神奇按钮",
|
|
133
|
-
"迭代推进",
|
|
134
|
-
"游戏机制"
|
|
135
|
-
],
|
|
136
|
-
"updated_at": "2026-04-22T06:16:45Z"
|
|
137
|
-
}
|
|
4
|
+
"696de592": {
|
|
5
|
+
"id": "696de592",
|
|
6
|
+
"系列": "A",
|
|
7
|
+
"编号": "100",
|
|
8
|
+
"名称": "给依然老师设计一个AI画像",
|
|
9
|
+
"文件夹名": "a100_给依然老师设计一个AI画像",
|
|
10
|
+
"version": "v1",
|
|
11
|
+
"路径": "templates/a100_给依然老师设计一个AI画像/v1",
|
|
12
|
+
"入口文件": "templates/a100_给依然老师设计一个AI画像/v1/index.html",
|
|
13
|
+
"一句话说明": "先让 AI 生成一个老师形象，再用网页把它展示出来，重点练习描述和小修改。",
|
|
14
|
+
"主能力标签": "表达构建",
|
|
15
|
+
"任务类型标签": "视听表达",
|
|
16
|
+
"关键词": [
|
|
17
|
+
"a100_给依然老师设计一个AI画像",
|
|
18
|
+
"先让 AI 生成一个老师形象，再用网页把它展示出来，重点练习描述和小修改。",
|
|
19
|
+
"初次接触",
|
|
20
|
+
"需要明确目标",
|
|
21
|
+
"持续迭代",
|
|
22
|
+
"围绕明确对象生成形象",
|
|
23
|
+
"把人物图片放进网页中完成展示",
|
|
24
|
+
"通过小幅修改让作品逐步变好",
|
|
25
|
+
"给依然老师设计一个AI画像",
|
|
26
|
+
"表达构建",
|
|
27
|
+
"视听表达"
|
|
28
|
+
],
|
|
29
|
+
"updated_at": "2026-04-22T11:09:12Z"
|
|
138
30
|
},
|
|
139
|
-
"
|
|
140
|
-
"
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
"
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
"updated_at": "2026-04-22T09:26:36Z"
|
|
165
|
-
}
|
|
31
|
+
"d0ff11ee": {
|
|
32
|
+
"id": "d0ff11ee",
|
|
33
|
+
"系列": "A",
|
|
34
|
+
"编号": "101",
|
|
35
|
+
"名称": "做3张同主题图片",
|
|
36
|
+
"文件夹名": "a101_做3张同主题图片",
|
|
37
|
+
"version": "v1",
|
|
38
|
+
"路径": "templates/a101_做3张同主题图片/v1",
|
|
39
|
+
"入口文件": "templates/a101_做3张同主题图片/v1/__demo__.html",
|
|
40
|
+
"一句话说明": "先确定一个有趣的主题，再用 AI 生成 3 张风格统一、但情节不同的系列图片。",
|
|
41
|
+
"主能力标签": "表达构建",
|
|
42
|
+
"任务类型标签": "视听表达",
|
|
43
|
+
"关键词": [
|
|
44
|
+
"a101_做3张同主题图片",
|
|
45
|
+
"先确定一个有趣的主题，再用 AI 生成 3 张风格统一、但情节不同的系列图片。",
|
|
46
|
+
"初次接触",
|
|
47
|
+
"需要明确目标",
|
|
48
|
+
"练习通过提示词锁定画面风格",
|
|
49
|
+
"理解作品一致性的价值",
|
|
50
|
+
"初步接触提示词的模块化修改",
|
|
51
|
+
"做3张同主题图片",
|
|
52
|
+
"表达构建",
|
|
53
|
+
"视听表达"
|
|
54
|
+
],
|
|
55
|
+
"updated_at": "2026-04-22T11:09:12Z"
|
|
166
56
|
},
|
|
167
|
-
"
|
|
168
|
-
"
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
"
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
57
|
+
"d48d94b6": {
|
|
58
|
+
"id": "d48d94b6",
|
|
59
|
+
"系列": "A",
|
|
60
|
+
"编号": "102",
|
|
61
|
+
"名称": "图片资源展示",
|
|
62
|
+
"文件夹名": "a102_图片资源展示",
|
|
63
|
+
"version": "v1",
|
|
64
|
+
"路径": "templates/a102_图片资源展示/v1",
|
|
65
|
+
"入口文件": "templates/a102_图片资源展示/v1/index.html",
|
|
66
|
+
"一句话说明": "把图片放到网页上，做成一个方便点击查看的小展示页。",
|
|
67
|
+
"主能力标签": "第二能力：表达构建",
|
|
68
|
+
"任务类型标签": "视听表达",
|
|
69
|
+
"关键词": [
|
|
70
|
+
"a102_图片资源展示",
|
|
71
|
+
"把图片放到网页上，做成一个方便点击查看的小展示页。",
|
|
72
|
+
"刚开始接触网页展示的学生",
|
|
73
|
+
"需要先从添加素材开始动手的学生",
|
|
74
|
+
"把本地图片放进网页里",
|
|
75
|
+
"理解图片展示卡片的基本结构",
|
|
76
|
+
"为后续继续扩充图片资源做准备",
|
|
77
|
+
"图片资源展示",
|
|
78
|
+
"第二能力：表达构建",
|
|
79
|
+
"视听表达"
|
|
80
|
+
],
|
|
81
|
+
"updated_at": "2026-04-22T11:09:12Z"
|
|
82
|
+
},
|
|
83
|
+
"e1aab9bf": {
|
|
84
|
+
"id": "e1aab9bf",
|
|
85
|
+
"系列": "A",
|
|
86
|
+
"编号": "103",
|
|
87
|
+
"名称": "做一个介绍页面",
|
|
88
|
+
"文件夹名": "a103_做一个介绍页面",
|
|
89
|
+
"version": "v1",
|
|
90
|
+
"路径": "templates/a103_做一个介绍页面/v1",
|
|
91
|
+
"入口文件": "templates/a103_做一个介绍页面/v1/__demo__.html",
|
|
92
|
+
"一句话说明": "用一张图片加一段文字，做一个属于自己的介绍页面，练一练图文组合的技巧。",
|
|
93
|
+
"主能力标签": "表达构建",
|
|
94
|
+
"任务类型标签": "视听表达",
|
|
95
|
+
"关键词": [
|
|
96
|
+
"a103_做一个介绍页面",
|
|
97
|
+
"用一张图片加一段文字，做一个属于自己的介绍页面，练一练图文组合的技巧。",
|
|
98
|
+
"初次接触网页制作",
|
|
99
|
+
"有一点基础想练排版",
|
|
100
|
+
"图片与文字的组合方式",
|
|
101
|
+
"网页结构的基本层次感",
|
|
102
|
+
"排版的视觉优先级",
|
|
103
|
+
"做一个介绍页面",
|
|
104
|
+
"表达构建",
|
|
105
|
+
"视听表达"
|
|
106
|
+
],
|
|
107
|
+
"updated_at": "2026-04-22T11:09:12Z"
|
|
108
|
+
},
|
|
109
|
+
"3c61e07d": {
|
|
110
|
+
"id": "3c61e07d",
|
|
111
|
+
"系列": "A",
|
|
112
|
+
"编号": "104",
|
|
113
|
+
"名称": "做一个会出招的神奇按钮",
|
|
114
|
+
"文件夹名": "a104_做一个会出招的神奇按钮",
|
|
115
|
+
"version": "v1",
|
|
116
|
+
"路径": "templates/a104_做一个会出招的神奇按钮/v1",
|
|
117
|
+
"入口文件": "templates/a104_做一个会出招的神奇按钮/v1/index.html",
|
|
118
|
+
"一句话说明": "先试试按钮效果，再改一点，最后加一个你自己的新按钮。",
|
|
119
|
+
"主能力标签": "迭代推进",
|
|
120
|
+
"任务类型标签": "游戏机制",
|
|
121
|
+
"关键词": [
|
|
122
|
+
"a104_做一个会出招的神奇按钮",
|
|
123
|
+
"先试试按钮效果，再改一点，最后加一个你自己的新按钮。",
|
|
124
|
+
"想先动手再思考的学生",
|
|
125
|
+
"刚开始学网页互动的学生",
|
|
126
|
+
"容易卡在空白页不知从哪开始的学生",
|
|
127
|
+
"先运行现成示例，快速进入任务",
|
|
128
|
+
"从已有功能里挑一个做小改动",
|
|
129
|
+
"理解一个按钮对应一个功能",
|
|
130
|
+
"把新增功能接入现有页面结构",
|
|
131
|
+
"做一个会出招的神奇按钮",
|
|
132
|
+
"迭代推进",
|
|
133
|
+
"游戏机制"
|
|
134
|
+
],
|
|
135
|
+
"updated_at": "2026-04-22T11:09:12Z"
|
|
136
|
+
},
|
|
137
|
+
"c360e192": {
|
|
138
|
+
"id": "c360e192",
|
|
139
|
+
"系列": "B",
|
|
140
|
+
"编号": "100",
|
|
141
|
+
"名称": "做一个按钮页面",
|
|
142
|
+
"文件夹名": "b100_做一个按钮页面",
|
|
143
|
+
"version": "v1",
|
|
144
|
+
"路径": "templates/b100_做一个按钮页面/v1",
|
|
145
|
+
"入口文件": "templates/b100_做一个按钮页面/v1/__demo__.html",
|
|
146
|
+
"一句话说明": "亲手做一个会“变魔术”的按钮，学习网页是如何接收指令并产生变化的。",
|
|
147
|
+
"主能力标签": "表达构建",
|
|
148
|
+
"任务类型标签": "游戏机制",
|
|
149
|
+
"关键词": [
|
|
150
|
+
"b100_做一个按钮页面",
|
|
151
|
+
"亲手做一个会“变魔术”的按钮，学习网页是如何接收指令并产生变化的。",
|
|
152
|
+
"喜欢做项目",
|
|
153
|
+
"需要明确目标",
|
|
154
|
+
"掌握基础的 JavaScript 点击事件绑定",
|
|
155
|
+
"理解 HTML/CSS/JS 三者如何协作完成交互",
|
|
156
|
+
"学习利用 CSS Class 切换来实现视觉变化",
|
|
157
|
+
"做一个按钮页面",
|
|
158
|
+
"表达构建",
|
|
159
|
+
"游戏机制"
|
|
160
|
+
],
|
|
161
|
+
"updated_at": "2026-04-22T11:09:12Z"
|
|
162
|
+
},
|
|
163
|
+
"6490af0a": {
|
|
164
|
+
"id": "6490af0a",
|
|
165
|
+
"系列": "C",
|
|
166
|
+
"编号": "100",
|
|
167
|
+
"名称": "给小组作品做一次小修改",
|
|
168
|
+
"文件夹名": "c100_给小组作品做一次小修改",
|
|
169
|
+
"version": "v1",
|
|
170
|
+
"路径": "templates/c100_给小组作品做一次小修改/v1",
|
|
171
|
+
"入口文件": "templates/c100_给小组作品做一次小修改/v1/index.html",
|
|
172
|
+
"一句话说明": "先看这 3 个小组作品，找出一个你最想改的小地方，再把这个修改要求说给 AI。",
|
|
173
|
+
"主能力标签": "问题判断",
|
|
174
|
+
"任务类型标签": "改编优化",
|
|
175
|
+
"关键词": [
|
|
176
|
+
"c100_给小组作品做一次小修改",
|
|
177
|
+
"先看这 3 个小组作品，找出一个你最想改的小地方，再把这个修改要求说给 AI。",
|
|
178
|
+
"已经能看懂图片内容，但不太会说哪里有问题的学生",
|
|
179
|
+
"会说喜欢或不喜欢，但不太会提出具体修改点的学生",
|
|
180
|
+
"已经能做第一版作品，想练习小步修改的学生",
|
|
181
|
+
"先发现一个具体问题",
|
|
182
|
+
"把大问题收成一个最小修改点",
|
|
183
|
+
"用简单的话把修改要求说清楚",
|
|
184
|
+
"比较修改前后有没有更接近自己的想法",
|
|
185
|
+
"给小组作品做一次小修改",
|
|
186
|
+
"问题判断",
|
|
187
|
+
"改编优化"
|
|
188
|
+
],
|
|
189
|
+
"updated_at": "2026-04-22T11:09:12Z"
|
|
196
190
|
}
|
|
197
191
|
}
|
|
198
192
|
}
|
|
@@ -3,50 +3,64 @@
|
|
|
3
3
|
每次 templates 内模板有变化后，都应重新运行本脚本。
|
|
4
4
|
|
|
5
5
|
## A100 给依然老师设计一个AI画像
|
|
6
|
-
-
|
|
7
|
-
-
|
|
6
|
+
- ID：696de592
|
|
7
|
+
- 版本：v1
|
|
8
|
+
- 路径：templates/a100_给依然老师设计一个AI画像/v1
|
|
9
|
+
- 入口文件：templates/a100_给依然老师设计一个AI画像/v1/index.html
|
|
8
10
|
- 主能力标签：表达构建
|
|
9
11
|
- 任务类型标签：视听表达
|
|
10
12
|
- 关键词：a100_给依然老师设计一个AI画像, 先让 AI 生成一个老师形象，再用网页把它展示出来，重点练习描述和小修改。, 初次接触, 需要明确目标, 持续迭代, 围绕明确对象生成形象, 把人物图片放进网页中完成展示, 通过小幅修改让作品逐步变好, 给依然老师设计一个AI画像, 表达构建, 视听表达
|
|
11
13
|
|
|
12
14
|
## A101 做3张同主题图片
|
|
13
|
-
-
|
|
14
|
-
-
|
|
15
|
+
- ID：d0ff11ee
|
|
16
|
+
- 版本：v1
|
|
17
|
+
- 路径：templates/a101_做3张同主题图片/v1
|
|
18
|
+
- 入口文件：templates/a101_做3张同主题图片/v1/__demo__.html
|
|
15
19
|
- 主能力标签：表达构建
|
|
16
20
|
- 任务类型标签：视听表达
|
|
17
21
|
- 关键词：a101_做3张同主题图片, 先确定一个有趣的主题，再用 AI 生成 3 张风格统一、但情节不同的系列图片。, 初次接触, 需要明确目标, 练习通过提示词锁定画面风格, 理解作品一致性的价值, 初步接触提示词的模块化修改, 做3张同主题图片, 表达构建, 视听表达
|
|
18
22
|
|
|
19
23
|
## A102 图片资源展示
|
|
20
|
-
-
|
|
21
|
-
-
|
|
24
|
+
- ID：d48d94b6
|
|
25
|
+
- 版本：v1
|
|
26
|
+
- 路径：templates/a102_图片资源展示/v1
|
|
27
|
+
- 入口文件：templates/a102_图片资源展示/v1/index.html
|
|
22
28
|
- 主能力标签：第二能力：表达构建
|
|
23
29
|
- 任务类型标签：视听表达
|
|
24
30
|
- 关键词：a102_图片资源展示, 把图片放到网页上，做成一个方便点击查看的小展示页。, 刚开始接触网页展示的学生, 需要先从添加素材开始动手的学生, 把本地图片放进网页里, 理解图片展示卡片的基本结构, 为后续继续扩充图片资源做准备, 图片资源展示, 第二能力：表达构建, 视听表达
|
|
25
31
|
|
|
26
32
|
## A103 做一个介绍页面
|
|
27
|
-
-
|
|
28
|
-
-
|
|
33
|
+
- ID：e1aab9bf
|
|
34
|
+
- 版本：v1
|
|
35
|
+
- 路径：templates/a103_做一个介绍页面/v1
|
|
36
|
+
- 入口文件：templates/a103_做一个介绍页面/v1/__demo__.html
|
|
29
37
|
- 主能力标签：表达构建
|
|
30
38
|
- 任务类型标签：视听表达
|
|
31
39
|
- 关键词：a103_做一个介绍页面, 用一张图片加一段文字，做一个属于自己的介绍页面，练一练图文组合的技巧。, 初次接触网页制作, 有一点基础想练排版, 图片与文字的组合方式, 网页结构的基本层次感, 排版的视觉优先级, 做一个介绍页面, 表达构建, 视听表达
|
|
32
40
|
|
|
33
41
|
## A104 做一个会出招的神奇按钮
|
|
34
|
-
-
|
|
35
|
-
-
|
|
42
|
+
- ID：3c61e07d
|
|
43
|
+
- 版本：v1
|
|
44
|
+
- 路径：templates/a104_做一个会出招的神奇按钮/v1
|
|
45
|
+
- 入口文件：templates/a104_做一个会出招的神奇按钮/v1/index.html
|
|
36
46
|
- 主能力标签：迭代推进
|
|
37
47
|
- 任务类型标签：游戏机制
|
|
38
48
|
- 关键词：a104_做一个会出招的神奇按钮, 先试试按钮效果，再改一点，最后加一个你自己的新按钮。, 想先动手再思考的学生, 刚开始学网页互动的学生, 容易卡在空白页不知从哪开始的学生, 先运行现成示例，快速进入任务, 从已有功能里挑一个做小改动, 理解一个按钮对应一个功能, 把新增功能接入现有页面结构, 做一个会出招的神奇按钮, 迭代推进, 游戏机制
|
|
39
49
|
|
|
40
50
|
## B100 做一个按钮页面
|
|
41
|
-
-
|
|
42
|
-
-
|
|
51
|
+
- ID：c360e192
|
|
52
|
+
- 版本：v1
|
|
53
|
+
- 路径：templates/b100_做一个按钮页面/v1
|
|
54
|
+
- 入口文件：templates/b100_做一个按钮页面/v1/__demo__.html
|
|
43
55
|
- 主能力标签：表达构建
|
|
44
56
|
- 任务类型标签：游戏机制
|
|
45
57
|
- 关键词：b100_做一个按钮页面, 亲手做一个会“变魔术”的按钮，学习网页是如何接收指令并产生变化的。, 喜欢做项目, 需要明确目标, 掌握基础的 JavaScript 点击事件绑定, 理解 HTML/CSS/JS 三者如何协作完成交互, 学习利用 CSS Class 切换来实现视觉变化, 做一个按钮页面, 表达构建, 游戏机制
|
|
46
58
|
|
|
47
59
|
## C100 给小组作品做一次小修改
|
|
48
|
-
-
|
|
49
|
-
-
|
|
60
|
+
- ID：6490af0a
|
|
61
|
+
- 版本：v1
|
|
62
|
+
- 路径：templates/c100_给小组作品做一次小修改/v1
|
|
63
|
+
- 入口文件：templates/c100_给小组作品做一次小修改/v1/index.html
|
|
50
64
|
- 主能力标签：问题判断
|
|
51
65
|
- 任务类型标签：改编优化
|
|
52
66
|
- 关键词：c100_给小组作品做一次小修改, 先看这 3 个小组作品，找出一个你最想改的小地方，再把这个修改要求说给 AI。, 已经能看懂图片内容，但不太会说哪里有问题的学生, 会说喜欢或不喜欢，但不太会提出具体修改点的学生, 已经能做第一版作品，想练习小步修改的学生, 先发现一个具体问题, 把大问题收成一个最小修改点, 用简单的话把修改要求说清楚, 比较修改前后有没有更接近自己的想法, 给小组作品做一次小修改, 问题判断, 改编优化
|