This interactive numeracy game for primary school students was developed entirely through AI collaboration. Starting from a simple user request (prompt) for a math trivia app, Claude AI designed and coded the complete React application with advanced educational features.

Development Process

• The user provided the initial concept and requirements
• Claude generated the entire code (React codebase with Tailwind CSS styling)
• Refinements were made to the code based on our feedback
• The code was published as a Claude artifact with a shareable public link (embedded here)

Prompt given to Claude

An existing Claude Artificat was customised – Create a trivia app in React on numeracy skills for grade-3 students. The players should be able to choose a difficulty level (easy, medium, hard) and a given number of questions. The app should then use the Claude API to generate questions according to the user’s specifications. The user can then play the game, with 4 plausible options for each question and one correct answer. At the end, the players will see their score out of n. Make this app feel fun and inviting for a young audience using math symbols and bold colours in the UI.

Customisation

This app can be customised using Claude (including the free version) by copying the code and requesting changes. New users can adjust difficulty levels, question types, visual themes, or add new features by providing prompts to Claude. Try it!