A coding-agent skill · Early version
Learn with your
coding agent.
Give it a resource and something you want to learn. KeepLearn helps your agent turn that into personal, interactive lessons.
Get startedTry a sample lesson
A picture is an array of pixels.
Click a square. See where it lives in the array.
Find one pixel
This picture has 8 rows and 8 columns. In this example, each row is an array of colors. The image is an array of those rows.
Index means position. Counting starts at 0, so the top-left
pixel is image[0][0].
The same picture, as data
image[2]One row of 8 colors
image[2][3]"#3165E8"
The value is a color code. #3165E8 is blue;
#F1F4EE is the light background.
This sample uses a 2D array of color codes. Actual image formats may store pixel data differently.
Which pixel is this?
Find image[2][5]. Remember: the first index
picks the row, and the second picks the column.
Click the pixel you think matches. You can try again if you miss.
Show the explanation
Row 2 is the third row from the top. Column 5 is the sixth column from the left. We count from 0, not 1.
Illustrative demo, not a live AI tutor. Your selections and note stay when you switch views, but reset when you reload.
Your agent creates the lessons and discusses your questions. You read and practice in the browser. Your course and learning history stay in a folder on your computer.
Read the docs →