These are free, parent-guided lessons for kids to build small creative AI projects. They are self-paced, currently available in English, and use local browser projects.
BB
AI Creative Studio Starter PackBrightBits Studio · Free lessons

Lesson 6 — Build a Useful Mini Tool

Create a simple checklist tool that shows progress and a ready message. Output: my-useful-mini-tool.html — a free, parent-guided lesson.

Free · Parent-guided
Safety rule: Use ideas, not secrets. Do not enter real names, school names, addresses, phone numbers, emails, passwords, photos, medical details, financial details, account information, exact locations, or private family details into any AI tool.
For parents
Turning AI toward useful everyday tools
This lesson points AI creation toward small, useful tools. Your child should build a small generic checklist tool — not a private diary or personal tracker. You may help copy, save, and open the HTML file; let your child pick a generic idea.
The project
What your child will build
A tiny local browser checklist tool, saved as one HTML file:
  • ✓5 checklist items
  • ✓A progress message
  • ✓A ready/done message
  • ✓A reset button
  • ✓No saved data
  • ✓Saved as my-useful-mini-tool.html and opened locally in the browser

The key rules

Rule 1
Five Item Rule
Keep the checklist to 5 simple items.
Rule 2
Progress Rule
Show how many items are checked.
Rule 3
Ready Message Rule
Show a friendly message when all items are checked.
Rule 4
Reset Rule
Let the user clear the checklist.
Rule 5
No Storage Rule
Do not save personal data, browser storage, accounts, uploads, or online records — nothing is kept after the page is refreshed.
Plan first
Tool map
Fill this in before coding (keep every item generic):
  • Tool name:
  • What it helps with:
  • Item 1:
  • Item 2:
  • Item 3:
  • Item 4:
  • Item 5:
  • Ready message:
Checklist items should be generic, not private. Avoid real names, school names, addresses, medical details, money details, passwords, accounts, or private family information.

Lesson path

1Pick a simple tool ideaChoose a small, generic checklist tool — not a private diary or personal tracker.
2Choose 5 generic checklist itemsKeep them general (no real names, schedules, or private details).
3Ask AI for a one-file HTML checklist toolUse a parent-approved AI assistant. Ask for ONE HTML file with 5 items, progress, a ready message, and reset — no saved data.
4Copy the codeCopy the full code the AI gives you. A parent may help with copying.
5Save as my-useful-mini-tool.htmlPaste into a plain text/code editor and save with a name ending in .html.
6Open it in a browserDouble-click the file to open it in Chrome, Safari, or Edge — no internet needed.
7Test every checkboxCheck and uncheck each item and watch the progress message update.
8Test the reset buttonMake sure reset clears the checklist back to the start.
Pick one
Safe tool ideas
Beginner-friendly, generic ideas:
  • •Backpack checklist
  • •Art project checklist
  • •Pet care pretend checklist
  • •Morning routine checklist (no personal details)
  • •Space mission checklist
  • •Party prep checklist
  • •Reading corner setup checklist
Avoid tools involving private schedules, real school information, medical routines, passwords, money, addresses, exact locations, accounts, photos, or personal tracking.

Prompt cards

Copy-friendly prompts for a parent-approved AI assistant. When copying prompts, use ideas, not secrets.

Prompt 1 — Tool idea

Help me create a tiny checklist tool for a child beginner. It should have 5 generic checklist items, a progress message, a ready message, and a reset button. Do not ask for personal information.

Prompt 2 — One-file HTML

Create a one-file HTML checklist tool. It should work when saved as my-useful-mini-tool.html and opened in a browser. Use simple HTML, CSS, and JavaScript in one file. Do not use external libraries, accounts, uploads, online features, localStorage, or saved data.

Prompt 3 — Make it safer

Check this tool idea for privacy. Make sure it uses generic tasks only and does not ask for names, school names, addresses, emails, passwords, medical details, money details, accounts, exact locations, or private family details.

Prompt 4 — Fix my tool

My checklist tool did not work. Please help me check the code. Explain the fix simply. Keep it as one HTML file. Do not add storage or online features.

Save it
Save as my-useful-mini-tool.html
  1. Open a plain text or code editor.
  2. Paste the full code.
  3. Save the file as my-useful-mini-tool.html.
  4. Make sure the filename ends in .html (not .txt).
  5. Open the file in Chrome, Safari, or Edge.
  6. If it opens as plain text, check the filename and re-save.
  7. If checkboxes do nothing, ask the AI to fix the JavaScript while keeping one file and no storage.
Need help saving? See Save Your Files.
Test it
Test checklist
  • ✓The page opens
  • ✓All 5 checklist items appear
  • ✓Each checkbox works
  • ✓Progress message updates
  • ✓Ready message appears when all items are checked
  • ✓Reset button clears the checklist
  • ✓No data is saved after refresh
  • ✓No private information is included
  • ✓No upload/account/online feature was added
  • ✓No localStorage or saved data was added
Stuck?
Troubleshooting — common fixes
  • File opens as text, not a toolThe filename must end in .html (not .txt). Re-save with the correct ending.
  • Blank screenOpen the file again, or ask the AI: “My tool shows a blank screen. Fix it and keep it as one HTML file.”
  • Checkboxes do nothingAsk the AI to fix the JavaScript for the checkboxes, keeping everything in one file and no storage.
  • Progress number does not updateAsk the AI to update the progress message each time a checkbox changes.
  • Ready message never appearsAsk the AI to show the ready message only when all 5 items are checked.
  • Reset button does not workAsk the AI to make reset uncheck all items and clear the ready message.
  • AI added too many checklist itemsAsk the AI to keep exactly 5 items.
  • AI added localStorage or saved dataAsk the AI to remove all storage — the tool should not save anything.
  • AI split the project into several filesAsk the AI to put all the HTML, CSS, and JavaScript back into one single HTML file.
  • AI asked for private detailsDo not share them. Say: “Use generic tasks only. Do not ask for personal information.”
More: Troubleshooting.
Compare
Open the sample mini tool
See a finished example to compare against. It opens locally in a new tab — no internet needed. This is an example, not your child's project.
You built your first useful mini tool. 🎉

A small, private checklist tool that shows progress and a ready message — and saves nothing.

You finished the free Starter Pack projects.

Families can review the four local browser projects together and decide what kind of creative AI project they want to try next.

Back to all lessons →