This tool extracts the structure from an image of a form.
It uses the Claude 3 LLM model by Anthropic.
A single extraction of an A4 form page costs about 10p.
It replicates the form structure in JSON, following the schema used by GOV.UK Forms.
It then uses that to generate a multi-page web form in the GOV.UK style.
Here's a short demo video:
form-extractor-demo-2.mov
You'll need an Anthropic API key.
Add the key as a local environment variable called ANTHROPIC_API_KEY.
Install the app locally with npm install.
Start the app with npm start.
It'll be available at http://localhost:3000/
- it can only process jpg images of forms, not documents
- it only knows about certain kinds of question types
- you can't provide your own API key via the UI
- you can't browse previous form extractions
- like a lot of Gen AI, it can be unpredictable
Disclaimer: This is a prototype and I am not a developer ;-).
The main UI is in app/views/index.html.
Additional CSS styles are in public/assets/style.css
The script in public/assets/scripts.js handles the image preview and loading spinner.
The form in index.html sends the image at the URL provided by the user to the Claude API.
It does this via the 'SendToClaude' function in server.js.
The function makes use of the 'tools' feature of Claude.
That allows you to specify a JSON schema that you'd like it's response to conform to.
The results are saved as JSON files in app/data/.
Those files are used to generate the pages that are loaded into iframes in app/views/index.html.