From scanned exam papers to a Composition Studio

I turned scattered Primary 5 composition questions into a playful writing tool, with the picture prompts, story planning tips and practice all in one place.

· Sheraj · 4 min read

I had a pile of scanned Primary 5 English exam papers and wanted to see what the composition questions had in common. That sounded simple until I looked at the work involved. I’d have to find the composition page in each paper, pull out its pictures, note the topic and sort everything into themes. Doing it by hand would have taken me hours.

So I built Composition Studio instead. The thing I wanted at first was a way to browse the questions. It grew into a place to practise writing too.

Composition Studio home screen with a story mountain and pastel cartoon illustrations

Getting the papers into shape

The first job was going through the scans page by page to find each composition prompt. I extracted the pictures from those pages, paired them with their topics and grouped the questions by theme. The studio now brings together 11 papers. You can browse by themes such as responsibility, lessons and effort, or look for recurring picture clues.

That sorting was the useful bit for me. Instead of opening one PDF after another and trying to remember where I’d seen a similar question, I could see the patterns together on one page.

Composition topics grouped by theme and picture clues, with paper cards below

How it came together

The steps were simpler than I expected, and most of them were me describing what I wanted in plain English.

  1. Collect the papers. They were shared with me in Google Drive. I pointed Claude at the folder and then added a copy to my computer so it could work on the actual files.
  2. Find the composition page. The papers were scans, so there was no text to search. Claude read the pages, found the Part 2 composition page in each one, and noted the topic and the two guiding questions.
  3. Cut out the pictures. Each paper has three picture prompts. Claude cropped them out and named every file by school, page and topic, so I could find them again.
  4. Look for patterns. With everything in one list, the themes showed up quickly. Responsibility and lessons come up again and again.
  5. Add the teaching content. I asked for story mountain tips for each paper, questions to make a student think before writing, and an example answer for each question. I also asked for a hide button on the examples, so a student can try first and peek later.
  6. Build the page. Everything went into one web page with filters, paper cards and a planner for jotting down a story.
  7. Make it look friendly. The first version came out dark and a bit dull, and I said so. I shared a screenshot of a playful site I liked and asked for pastel colours and paper-art cartoons. That one change made it feel like something a ten-year-old would want to open.
  8. Fill the gaps and test it. I’d forgotten one paper, so I added it later. I then asked for extra shortcuts (writing tips, vocabulary, model stories, practice) and checked the page at phone width.

I didn’t write any code myself. My job was deciding what the studio should do and telling Claude when something wasn’t right.

A composition paper showing its guiding questions and three extracted picture prompts

Helping with the writing, not just the searching

Once the papers were organised, I added the advice I wanted alongside them: a story mountain for planning the opening, rising action, climax and ending; prompts to think through before writing; and reminders to show, not tell. There are model stories, vocabulary ideas, a practice timer and a checklist for the final read-through.

I didn’t want the site to feel like another worksheet. I gave the AI a visual direction with pastel colours and cartoon-style animations, then kept refining the result until it felt like a small, inviting product rather than a folder of extracted questions.

The speed changed what I could make

I made this with Claude Opus 5.5, but I don’t think this depends on that particular model. Another capable frontier model could have helped with the same workflow. The striking part was how quickly I could move from scanning and categorising pages to building something I could actually use. What would have taken me hours took minutes.

Once it was working, I shared the studio on LinkedIn and even made a reel to walk through the web app. I hadn’t planned a launch when I started sorting exam questions. I just wanted to make the papers easier to use.

Back to Blog
related
Personal 2026 · 07 · 23 · 3 min

Building Ground Control was more than just learning to code

Why I built this blog and portfolio website, how AI made it possible, and why I want Ground Control to become a place for documenting my works, experiments with AI agents, self-hosting, automation and all things tech.

ai-agent 2026 · 06 · 16 · 3 min

Hermes Agent

Why I moved from OpenClaw to Hermes Agent — I can see what it's doing, and it learns how I work without being told twice.

Design 2026 · 06 · 10 · 4 min

The design language behind this site

A visual tour of the rules this whole site is built on — the palette, the type, the one spot of orange, and the comic panel that breaks the calm.