Explainer / Visualization
Advanced remix

Bygga

by Hassan El Mghari

remix it

Make it yours. Leave any field blank to keep the original.

Your topicYour audienceAnything to change

Your prompt

Build a single-file HTML step-by-step procedure guide that works as a hands-free job aid.

Topic: furniture assembly guides
Audience: anyone assembling flat-pack furniture
Learning goal: Learners will be able to complete the procedure correctly by following each step in order with the right parts and tools.

Key mechanics:
- A start screen with a search box and a few clickable example procedures to pick from
- A "check your parts and tools" screen listing every item with a count, and a one-tap "I have everything" button plus a "something's missing" option that explains what to do
- A step-by-step player with Next and Back buttons and a progress indicator
- Each step shows a simple illustration or animated diagram that the learner can rotate or switch between views, plus a close-up detail of the key action
- Each step lists the parts, fasteners and tools it needs
- A read-aloud button using the browser's speech feature to speak each step's instructions
- A final "You're done" screen with a short recap
- Include 2 or 3 sample procedures with made-up content
- Clean, friendly design with large readable text

Problem of practice

“Paper assembly manuals are hard to follow when you can't tell which part goes where, which way round it faces, or how far a fitting goes in.”

Learning goal

Learners will be able to assemble a piece of flat-pack furniture by following each step in order, using the right parts, screws and tools.

What it does

Bygga is a free guide for assembling IKEA furniture. Users type the product name from the box, or snap a photo of it. They check their parts and tools, then follow each step in a 3D view they can turn around, with close-ups of screws and voice instructions read aloud.

Search by product name or number, or snap a photo of the box label
Parts and tools check before starting, with help if a piece is missing
Each step plays in 3D, can be dragged to view any side, and shows screws up close
Steps are read out loud so hands stay free

Mechanical Keyboard Switch

by Annie Brown

Take apart a 3D keyboard switch, watch a key press, then quiz yourself on what each part does.

Quiz / Assessment
Claude
Advanced remix
source shared

A 9-Day Mental Wellness Course for Mamas

by Annie Kiele Brown

A 9-day mental wellness course for mothers, delivered as a short daily web experience.

Explainer / Visualization
Claude
Beginner remix

Every Joule

by Techartist

A 3D physics book where energy diagrams lift off the page so students predict, test and prove ideas across ten lessons.

Simulation
Claude
Advanced remix

← Back to catalog

Open original ↗

← Back to catalog

Explainer / Visualization
Advanced remix

Bygga

by Hassan El Mghari

remix it

Make it yours. Leave any field blank to keep the original.

Your topicYour audienceAnything to change

Your prompt

Build a single-file HTML step-by-step procedure guide that works as a hands-free job aid.

Topic: furniture assembly guides
Audience: anyone assembling flat-pack furniture
Learning goal: Learners will be able to complete the procedure correctly by following each step in order with the right parts and tools.

Key mechanics:
- A start screen with a search box and a few clickable example procedures to pick from
- A "check your parts and tools" screen listing every item with a count, and a one-tap "I have everything" button plus a "something's missing" option that explains what to do
- A step-by-step player with Next and Back buttons and a progress indicator
- Each step shows a simple illustration or animated diagram that the learner can rotate or switch between views, plus a close-up detail of the key action
- Each step lists the parts, fasteners and tools it needs
- A read-aloud button using the browser's speech feature to speak each step's instructions
- A final "You're done" screen with a short recap
- Include 2 or 3 sample procedures with made-up content
- Clean, friendly design with large readable text

Problem of practice

“Paper assembly manuals are hard to follow when you can't tell which part goes where, which way round it faces, or how far a fitting goes in.”

Learning goal

Learners will be able to assemble a piece of flat-pack furniture by following each step in order, using the right parts, screws and tools.

What it does

Search by product name or number, or snap a photo of the box label
Parts and tools check before starting, with help if a piece is missing
Each step plays in 3D, can be dragged to view any side, and shows screws up close
Steps are read out loud so hands stay free

Mechanical Keyboard Switch

by Annie Brown

Take apart a 3D keyboard switch, watch a key press, then quiz yourself on what each part does.

Quiz / Assessment
Claude
Advanced remix
source shared

A 9-Day Mental Wellness Course for Mamas

by Annie Kiele Brown

A 9-day mental wellness course for mothers, delivered as a short daily web experience.

Explainer / Visualization
Claude
Beginner remix

Every Joule

by Techartist

A 3D physics book where energy diagrams lift off the page so students predict, test and prove ideas across ten lessons.

Simulation
Claude
Advanced remix

Problem of practice

Learning goal

What it does

more like this

Mechanical Keyboard Switch

A 9-Day Mental Wellness Course for Mamas

Every Joule

Problem of practice

Learning goal

What it does

more like this

Mechanical Keyboard Switch

A 9-Day Mental Wellness Course for Mamas

Every Joule