burtenshaw HF Staff commited on
Commit
91162eb
Β·
verified Β·
1 Parent(s): a99d1dd

Update README.md

Browse files
Files changed (1) hide show
  1. README.md +6 -92
README.md CHANGED
@@ -24,7 +24,7 @@ Whether you use Claude Code, Codex, or OpenCode, this course will teach you to g
24
 
25
  We're kicking off with a live session β€” come ask questions, meet the team, and get oriented.
26
 
27
- <a href="https://youtube.com/live/TODO" style="text-decoration: none; color: inherit; display: block; width: 100%; margin: 20px 0;">
28
  <div style="padding: 15px; border-radius: 8px; background-image: linear-gradient(to bottom, #ffe0e0, #ffcccc); box-shadow: 1px 1px 3px rgba(0,0,0,0.1); border: 2px solid #e74c3c; display: flex; justify-content: space-between; align-items: center; transition: all 0.3s ease;" onmouseover="this.style.transform='scale(1.02)'; this.style.boxShadow='2px 2px 8px rgba(0,0,0,0.2)';" onmouseout="this.style.transform='scale(1)'; this.style.boxShadow='1px 1px 3px rgba(0,0,0,0.1)';">
29
  <div>
30
  <h3 style="margin-top: 0; color: #000000;">πŸ”΄ Launch Live Stream & AMA</h3>
@@ -35,86 +35,12 @@ We're kicking off with a live session β€” come ask questions, meet the team, and
35
 
36
  <div style="text-align: center; margin: 20px 0;">
37
 
38
- [![Course Launch Live Stream](https://img.youtube.com/vi/TODO/maxresdefault.jpg)](https://youtube.com/live/TODO)
39
 
40
  *Click to watch the launch stream.*
41
 
42
  </div>
43
 
44
- ## πŸ“‘ Course Resources
45
-
46
- <div style="width: 100%; border: 1px solid #ccc; padding: 20px; margin: 20px auto; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); border-radius: 8px;">
47
- <div style="display: flex; flex-wrap: wrap; gap: 15px; justify-content: center;">
48
-
49
- <a href="https://huggingface.co/learn/context-course/unit0/introduction" style="text-decoration: none; color: inherit; width: 100%; height: 120px; margin-bottom: 10px; margin-top: 10px;">
50
- <div style="padding: 15px; border-radius: 8px; background-image: linear-gradient(to bottom, #e6f7ff, #cce5ff); box-shadow: 1px 1px 3px rgba(0,0,0,0.1); border: 2px solid #3498db; height: 100%; display: flex; justify-content: space-between; align-items: center; transition: all 0.3s ease;" onmouseover="this.style.transform='scale(1.02)'; this.style.boxShadow='2px 2px 8px rgba(0,0,0,0.2)'; this.style.backgroundImage='linear-gradient(to bottom, #d6f0ff, #b8daff)';" onmouseout="this.style.transform='scale(1)'; this.style.boxShadow='1px 1px 3px rgba(0,0,0,0.1)'; this.style.backgroundImage='linear-gradient(to bottom, #e6f7ff, #cce5ff)';">
51
- <div>
52
- <h3 style="margin-top: 0; color: #000000;">πŸ“ Written Materials</h3>
53
- <p style="color: #000000;">Start here. Six units covering skills, MCP, plugins, subagents, hooks, and building your own agent loop from scratch.</p>
54
- </div>
55
- </div>
56
- </a>
57
-
58
- <a href="https://huggingface.co/learn/context-course/unit1/introduction" style="text-decoration: none; color: inherit; width: 100%; height: 120px; margin-bottom: 10px; margin-top: 10px;">
59
- <div style="padding: 15px; border-radius: 8px; background-image: linear-gradient(to bottom, #e6f7ff, #cce5ff); box-shadow: 1px 1px 3px rgba(0,0,0,0.1); border: 2px solid #3498db; height: 100%; display: flex; justify-content: space-between; align-items: center; transition: all 0.3s ease;" onmouseover="this.style.transform='scale(1.02)'; this.style.boxShadow='2px 2px 8px rgba(0,0,0,0.2)'; this.style.backgroundImage='linear-gradient(to bottom, #d6f0ff, #b8daff)';" onmouseout="this.style.transform='scale(1)'; this.style.boxShadow='1px 1px 3px rgba(0,0,0,0.1)'; this.style.backgroundImage='linear-gradient(to bottom, #e6f7ff, #cce5ff)';">
60
- <div>
61
- <h3 style="margin-top: 0; color: #000000;">πŸ› οΈ Unit 1: Agent Skills</h3>
62
- <p style="color: #000000;">Learn to write portable SKILL.md files β€” structured knowledge that makes agents expert at specific ML tasks like training, evaluation, and dataset curation.</p>
63
- </div>
64
- </div>
65
- </a>
66
-
67
- <a href="https://huggingface.co/learn/context-course/unit2/introduction" style="text-decoration: none; color: inherit; width: 100%; height: 120px; margin-bottom: 10px; margin-top: 10px;">
68
- <div style="padding: 15px; border-radius: 8px; background-image: linear-gradient(to bottom, #e6f7ff, #cce5ff); box-shadow: 1px 1px 3px rgba(0,0,0,0.1); border: 2px solid #3498db; height: 100%; display: flex; justify-content: space-between; align-items: center; transition: all 0.3s ease;" onmouseover="this.style.transform='scale(1.02)'; this.style.boxShadow='2px 2px 8px rgba(0,0,0,0.2)'; this.style.backgroundImage='linear-gradient(to bottom, #d6f0ff, #b8daff)';" onmouseout="this.style.transform='scale(1)'; this.style.boxShadow='1px 1px 3px rgba(0,0,0,0.1)'; this.style.backgroundImage='linear-gradient(to bottom, #e6f7ff, #cce5ff)';">
69
- <div>
70
- <h3 style="margin-top: 0; color: #000000;">πŸ”Œ Unit 2: Model Context Protocol</h3>
71
- <p style="color: #000000;">Build MCP servers that give agents dynamic access to external tools, APIs, and data sources β€” including Hugging Face Hub integration.</p>
72
- </div>
73
- </div>
74
- </a>
75
-
76
- <a href="https://huggingface.co/learn/context-course/unit3/introduction" style="text-decoration: none; color: inherit; width: 100%; height: 120px; margin-bottom: 10px; margin-top: 10px;">
77
- <div style="padding: 15px; border-radius: 8px; background-image: linear-gradient(to bottom, #e6f7ff, #cce5ff); box-shadow: 1px 1px 3px rgba(0,0,0,0.1); border: 2px solid #3498db; height: 100%; display: flex; justify-content: space-between; align-items: center; transition: all 0.3s ease;" onmouseover="this.style.transform='scale(1.02)'; this.style.boxShadow='2px 2px 8px rgba(0,0,0,0.2)'; this.style.backgroundImage='linear-gradient(to bottom, #d6f0ff, #b8daff)';" onmouseout="this.style.transform='scale(1)'; this.style.boxShadow='1px 1px 3px rgba(0,0,0,0.1)'; this.style.backgroundImage='linear-gradient(to bottom, #e6f7ff, #cce5ff)';">
78
- <div>
79
- <h3 style="margin-top: 0; color: #000000;">πŸ“¦ Unit 3: Plugins</h3>
80
- <p style="color: #000000;">Package skills and MCP servers into distributable plugins that work across agent platforms.</p>
81
- </div>
82
- </div>
83
- </a>
84
-
85
- <!-- Divider -->
86
- <div style="width: 100%; height: 2px; background: linear-gradient(to right, transparent, #ccc, transparent); margin: 20px 0;"></div>
87
-
88
- <a href="https://huggingface.co/learn/context-course/unit4/introduction" style="text-decoration: none; color: inherit; width: 100%; height: 120px; margin-bottom: 10px; margin-top: 10px;">
89
- <div style="padding: 15px; border-radius: 8px; background-image: linear-gradient(to bottom, #f0f0f0, #e0e0e0); box-shadow: 1px 1px 3px rgba(0,0,0,0.1); border: 2px solid #888888; height: 100%; display: flex; justify-content: space-between; align-items: center; transition: all 0.3s ease;" onmouseover="this.style.transform='scale(1.02)'; this.style.boxShadow='2px 2px 8px rgba(0,0,0,0.2)'; this.style.backgroundImage='linear-gradient(to bottom, #e8e8e8, #d8d8d8)';" onmouseout="this.style.transform='scale(1)'; this.style.boxShadow='1px 1px 3px rgba(0,0,0,0.1)'; this.style.backgroundImage='linear-gradient(to bottom, #f0f0f0, #e0e0e0)';">
90
- <div>
91
- <h3 style="margin-top: 0; color: #000000;">πŸ€– Unit 4: Subagents</h3>
92
- <p style="color: #000000;">Orchestrate multi-agent workflows β€” spawn specialized agents for training, evaluation, and data processing tasks.</p>
93
- </div>
94
- </div>
95
- </a>
96
-
97
- <a href="https://huggingface.co/learn/context-course/unit5/introduction" style="text-decoration: none; color: inherit; width: 100%; height: 120px; margin-bottom: 10px; margin-top: 10px;">
98
- <div style="padding: 15px; border-radius: 8px; background-image: linear-gradient(to bottom, #f0f0f0, #e0e0e0); box-shadow: 1px 1px 3px rgba(0,0,0,0.1); border: 2px solid #888888; height: 100%; display: flex; justify-content: space-between; align-items: center; transition: all 0.3s ease;" onmouseover="this.style.transform='scale(1.02)'; this.style.boxShadow='2px 2px 8px rgba(0,0,0,0.2)'; this.style.backgroundImage='linear-gradient(to bottom, #e8e8e8, #d8d8d8)';" onmouseout="this.style.transform='scale(1)'; this.style.boxShadow='1px 1px 3px rgba(0,0,0,0.1)'; this.style.backgroundImage='linear-gradient(to bottom, #f0f0f0, #e0e0e0)';">
99
- <div>
100
- <h3 style="margin-top: 0; color: #000000;">πŸͺ Unit 5: Hooks</h3>
101
- <p style="color: #000000;">Observe, block, and automate the agent lifecycle β€” log every step, guard against mistakes, and visualize it live.</p>
102
- </div>
103
- </div>
104
- </a>
105
-
106
- <a href="https://huggingface.co/learn/context-course/unit6/introduction" style="text-decoration: none; color: inherit; width: 100%; height: 120px; margin-bottom: 10px; margin-top: 10px; margin-bottom: 30px;">
107
- <div style="padding: 15px; border-radius: 8px; background-image: linear-gradient(to bottom, #f0f0f0, #e0e0e0); box-shadow: 1px 1px 3px rgba(0,0,0,0.1); border: 2px solid #888888; height: 100%; display: flex; justify-content: space-between; align-items: center; transition: all 0.3s ease;" onmouseover="this.style.transform='scale(1.02)'; this.style.boxShadow='2px 2px 8px rgba(0,0,0,0.2)'; this.style.backgroundImage='linear-gradient(to bottom, #e8e8e8, #d8d8d8)';" onmouseout="this.style.transform='scale(1)'; this.style.boxShadow='1px 1px 3px rgba(0,0,0,0.1)'; this.style.backgroundImage='linear-gradient(to bottom, #f0f0f0, #e0e0e0)';">
108
- <div>
109
- <h3 style="margin-top: 0; color: #000000;">βš™οΈ Unit 6: Nano Harness</h3>
110
- <p style="color: #000000;">Build a minimal agent loop from scratch in ~220 lines of Python β€” understand how it all works under the hood.</p>
111
- </div>
112
- </div>
113
- </a>
114
-
115
- </div>
116
- </div>
117
-
118
  ## πŸ”¬ Deep Dive Projects
119
 
120
  The course includes three hands-on ML projects that you'll tackle using agent context:
@@ -129,26 +55,14 @@ Each project is designed to be completed with a code agent β€” you'll define the
129
 
130
  Each unit includes quizzes to test your understanding. Complete them to track your progress and earn your certificate.
131
 
132
- ## πŸ“… Weekly Live AMA
133
-
134
- We host a weekly live session where you can ask questions, get help with projects, and go deeper on course topics. Check the schedule and join the stream:
135
-
136
- <a href="https://youtube.com/live/TODO" style="text-decoration: none; color: inherit; display: block; width: 100%; margin-bottom: 20px;">
137
- <div style="padding: 15px; border-radius: 8px; background-image: linear-gradient(to bottom, #ffe0e0, #ffcccc); box-shadow: 1px 1px 3px rgba(0,0,0,0.1); border: 2px solid #e74c3c; display: flex; justify-content: space-between; align-items: center; transition: all 0.3s ease;" onmouseover="this.style.transform='scale(1.02)'; this.style.boxShadow='2px 2px 8px rgba(0,0,0,0.2)';" onmouseout="this.style.transform='scale(1)'; this.style.boxShadow='1px 1px 3px rgba(0,0,0,0.1)';">
138
- <div>
139
- <h3 style="margin-top: 0; color: #000000;">πŸ”΄ Weekly Live AMA</h3>
140
- <p style="color: #000000;">Join us every week for a live Q&A session. Bring your questions about context engineering, ML projects, or anything from the course.</p>
141
- </div>
142
- </div>
143
- </a>
144
-
145
  ## πŸ› οΈ Supported Agents
146
 
147
  This course works with multiple code agents. Instructions are provided for all three:
148
 
149
- - **Claude Code** β€” Anthropic's code agent (CLI & desktop)
150
- - **Codex** β€” OpenAI's multi-agent CLI
151
- - **OpenCode** β€” Open source agent from opencode.ai
 
152
 
153
  If you use Cursor or GitHub Copilot, the concepts still transfer β€” their MCP and extension UX just isn't covered step-by-step.
154
 
 
24
 
25
  We're kicking off with a live session β€” come ask questions, meet the team, and get oriented.
26
 
27
+ <a href="https://youtube.com/live/269l_UN3qRI?feature=share" style="text-decoration: none; color: inherit; display: block; width: 100%; margin: 20px 0;">
28
  <div style="padding: 15px; border-radius: 8px; background-image: linear-gradient(to bottom, #ffe0e0, #ffcccc); box-shadow: 1px 1px 3px rgba(0,0,0,0.1); border: 2px solid #e74c3c; display: flex; justify-content: space-between; align-items: center; transition: all 0.3s ease;" onmouseover="this.style.transform='scale(1.02)'; this.style.boxShadow='2px 2px 8px rgba(0,0,0,0.2)';" onmouseout="this.style.transform='scale(1)'; this.style.boxShadow='1px 1px 3px rgba(0,0,0,0.1)';">
29
  <div>
30
  <h3 style="margin-top: 0; color: #000000;">πŸ”΄ Launch Live Stream & AMA</h3>
 
35
 
36
  <div style="text-align: center; margin: 20px 0;">
37
 
38
+ [![image](https://cdn-uploads.huggingface.co/production/uploads/62d648291fa3e4e7ae3fa6e8/zl40wQy5YELadN-KKXx3s.png)](https://youtube.com/live/269l_UN3qRI?feature=share)
39
 
40
  *Click to watch the launch stream.*
41
 
42
  </div>
43
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
44
  ## πŸ”¬ Deep Dive Projects
45
 
46
  The course includes three hands-on ML projects that you'll tackle using agent context:
 
55
 
56
  Each unit includes quizzes to test your understanding. Complete them to track your progress and earn your certificate.
57
 
 
 
 
 
 
 
 
 
 
 
 
 
 
58
  ## πŸ› οΈ Supported Agents
59
 
60
  This course works with multiple code agents. Instructions are provided for all three:
61
 
62
+ - **Pi**: Lean and Open Source agent.
63
+ - **Claude Code**: Anthropic's code agent (CLI & desktop)
64
+ - **Codex**: OpenAI's multi-agent CLI
65
+ - **OpenCode**: Open source agent from opencode.ai
66
 
67
  If you use Cursor or GitHub Copilot, the concepts still transfer β€” their MCP and extension UX just isn't covered step-by-step.
68