🧪 Experimental Project
This project is an experiment to test the hypothesis of automatic image-to-HTML conversion using gpt-4o-mini.
All project code is generated in Cursor using Composer (Claude). This is an experiment in creating an application with an AI assistant.
The project is published on GitHub to demonstrate the concept to the team and discuss its development possibilities.
- Image upload via drag & drop
- Image paste from clipboard (Ctrl+V)
- Image preview
- HTML generation with adaptive layout
- Operation history with information about:
- Operation time
- Token usage
- Generation time
- Request cost
- Node.js
- TypeScript
- Hono (web framework)
- Vercel AI SDK
gpt-4o-minimodel- Tailwind CSS
- Install dependencies:
npm install- Create
.envfile based on.env.exampleand add your OpenAI API key:
OPENAI_API_KEY=your_api_key_here
- Start the project:
npm startThe application will be available at: http://localhost:3000
- Only JPG and PNG formats are supported
- OpenAI API key is required
- HTML generation works with one image at a time
- Operation history is stored in browser memory and resets on page refresh
The project uses a model with the following rates:
- Input tokens: $0.15 per 1M tokens
- Output tokens: $0.60 per 1M tokens
The cost of each operation is displayed in the history.