AppHub is a place where small teams upload single-file HTML tools they build with AI — and share them with everyone in 30 seconds. No developers needed. No deployment pipeline. Just drag, name, and go.
Why this exists
The Story
MH
Mat Harvey
Founder of AppHub
I kept building small tools with AI. A quote calculator for the sales team. A unit converter for our divers. A report template generator that saved someone an hour every Friday afternoon. Each one took me 10 to 20 minutes to make with Claude. Each one replaced a manual process that was costing someone real time, every week.
But they lived on my laptop. The sales team couldn't use the quote calculator unless I was at my desk. The dive supervisors couldn't use the unit converter unless I emailed them the file and they knew to open it in a browser. Most of the time they'd just go back to the spreadsheet.
I realised the bottleneck wasn't building — AI had already solved that. The bottleneck was sharing. The gap between "I have a useful tool" and "my team can actually use it" was still too wide for anyone who isn't a developer. You needed hosting, or a server, or someone in IT. For a tool that was basically one HTML file.
So I built AppHub. Not because the world needed another platform. Because my team needed a place to put their tools where everyone could find them and use them without asking me first.
Then something happened I didn't expect. Once the tools were visible — sitting in a grid on a dashboard with everyone's name next to what they'd built — other people started building too. Someone in admin made a leave calculator. Someone on the boats made a pre-dive checklist generator. Nobody asked them to. They saw what was possible and thought "I could do that for my thing."
That's the real point. It's not about the portal. It's about making building visible so it becomes normal. When someone sees a colleague's name under a tool they built last Tuesday, it stops feeling like something only developers do. The portal is just the surface. The culture change is the thing underneath.
AppHub isn't a VC-funded startup. It's a real tool built by a real team that needed it. We decided to share it because we figured other small teams probably have the same problem.
The product
What AppHub Actually Is
AppHub is a branded, private portal for your team. You upload single-file HTML tools — the kind you can build in 15 minutes with Claude or ChatGPT — and they show up in a phone-style icon grid that everyone on your team can access.
The whole process takes about 30 seconds. Drag an HTML file onto the upload page. Give it a name. Pick an icon. Set who can see it. It's live. Your team opens their browser, taps the icon, and uses the tool. No installation. No training. No IT ticket.
Drag and drop
Upload any self-contained HTML file. All the CSS and JavaScript is inside the file — nothing else needed.
Team grid
Tools show up in a clean icon grid with names, so everyone knows what's available and who built it.
Sandboxed
Every tool runs in its own sandbox. Tools can't access each other or your AppHub account data.
The file format matters. Single-file HTML means there are no dependencies to manage, no servers to run, no deployment steps to remember. Anyone who can describe a problem to an AI can build one. Anyone who can drag a file can deploy one.
The guide
You Can Build Tools Too
Even if you've never written a line of code.
The Only Skill You Need
You need to be able to describe a problem clearly. That's it.
If you can explain to a colleague what you need — "I need a thing where I type in the vessel name, the hull area, and the cleaning rate, and it tells me how many hours the job will take" — you can build that tool yourself. The AI does the coding. You do the thinking.
The Process
Pick a pain point
Something you do manually, repeatedly, that involves inputs and outputs. Look for things like:
"I keep calculating quotes by hand in a spreadsheet"
"I fill in the same form fields every time I write a report"
"I convert between units using Google ten times a day"
"I manually check if dates fall within a compliance window"
"I copy data from one format into another format every week"
Describe it in plain English
Write down three things:
What goes IN — what data do you start with?
What comes OUT — what do you need at the end?
Who uses it — just you? Your team? A client?
Open an AI tool
Any of these will work. Use whichever you're comfortable with.
Claudeclaude.ai — what AppHub was built with
ChatGPTchatgpt.com
Google Geminigemini.google.com
If you haven't used any of them, start with Claude. Sign up is free.
Use this prompt template
Copy this template, fill in the blanks in square brackets, and paste it into your AI tool.
Build me a single self-contained HTML file with all CSS and JavaScript
inline — no external files, no build step, everything in one file.
I need a tool that [DESCRIBE WHAT IT DOES].
The user will enter:
- [INPUT 1]
- [INPUT 2]
- [INPUT 3]
The tool should [DESCRIBE THE CALCULATION / PROCESSING / LOGIC].
The output should be:
- [WHAT THE USER SEES — a number, a table, a chart, a downloadable file, etc.]
Design: dark professional theme, mobile-friendly, clear labels, large
buttons, results displayed clearly below the form.
[IF YOU NEED FILE EXPORT, ADD ONE OF THESE LINES:]
- For PDF export: use jsPDF loaded from CDN
- For Excel/CSV export: use SheetJS loaded from CDN
- For charts: use Chart.js loaded from CDN
Test it
Open the HTML file in your browser — just double-click it. Try it with real data. Then try edge cases: leave a field blank, enter a huge number, enter text where a number should go. You're looking for anything that breaks or looks wrong.
Fix it
Tell the AI what's wrong. Be specific:
"The total doesn't include GST"
"Add a field for the vessel name at the top"
"The PDF should be landscape, not portrait"
"When I leave the hours field blank, it shows NaN — it should default to 0"
Each fix takes about 30 seconds. Keep going until it works the way you need.
Upload to AppHub
Drag the HTML file onto the AppHub upload page. Name it something your team will understand. Pick an icon. Set visibility to "Everyone." Done. Your team can use it right now.
Common Mistakes (and How to Fix Them)
"The AI gave me multiple files"
Tell it: Combine everything into a single HTML file with inline CSS and JavaScript
"It uses React / Vue / some framework"
Tell it: Don't use any frameworks. Use plain HTML, CSS, and vanilla JavaScript only
"It looks ugly on my phone"
Add Make it fully responsive and mobile-friendly to your prompt.
"It wants me to install Node or run a server"
Tell it: This must work by opening the HTML file directly in a browser. No server, no terminal, no npm
"I uploaded it but AppHub rejected it"
AppHub told you why and gave you a prompt to fix it. Copy that prompt, paste it into your AI tool along with your code, and it'll sort it out.
Ready to use
Example Prompts
Each of these prompts is ready to copy and paste straight into Claude, ChatGPT, or Gemini. Click a card to expand it and see the full prompt.
💰
Quote / Estimate Calculator
Create professional quotes with line items, GST, and PDF export.
Build me a single self-contained HTML file with all CSS and JavaScript inline — no external files, no build step, everything in one file.
I need a tool that creates professional quotes and estimates for clients.
The user will enter:
- Client name and contact details
- Line item descriptions (ability to add and remove multiple line items)
- Quantity for each line item
- Unit rate (dollar amount) for each line item
- A toggle to include or exclude 10% GST
The tool should calculate each line item total (quantity times unit rate), sum all line items into a subtotal, apply 10% GST if the toggle is on, and produce a final total. The user should be able to add as many line items as they need, and remove any line item.
The output should be:
- A formatted quote table showing each line item with description, quantity, unit rate, and line total
- Subtotal, GST amount (if applicable), and grand total displayed clearly
- A "Download PDF" button that generates a clean, professional PDF of the quote
Design: dark professional theme, mobile-friendly, clear labels, large buttons, results displayed clearly below the form.
For PDF export: use jsPDF loaded from CDN.
Output: A formatted quote table with subtotal, GST, and total — plus a one-click PDF download.
⏱️
Timesheet / Hours Tracker
Log daily hours by project, view weekly summaries, export CSV for payroll.
Build me a single self-contained HTML file with all CSS and JavaScript inline — no external files, no build step, everything in one file.
I need a tool that tracks daily work hours across different projects.
The user will enter:
- Date (date picker, defaulting to today)
- Project name (text input that remembers previously entered projects in a dropdown)
- Hours worked (number)
- Notes (optional text field)
The tool should store all entries in the browser's localStorage so data persists between sessions. It should display a running log of all entries sorted by date (newest first), allow the user to delete individual entries, and provide a weekly summary view that groups entries by project and shows total hours per project and overall total.
The output should be:
- A sortable table of all logged time entries
- A weekly summary tab showing hours per project
- A "Download CSV" button that exports all entries as a CSV file suitable for payroll
Design: dark professional theme, mobile-friendly, clear labels, large buttons, results displayed clearly below the form.
Output: A running timesheet log with weekly project summaries and CSV export.
📋
Checklist Generator
Turn a list of items into a printable checklist with date and signature fields.
Build me a single self-contained HTML file with all CSS and JavaScript inline — no external files, no build step, everything in one file.
I need a tool that generates printable checklists.
The user will enter:
- Checklist title
- A list of checklist items (one per line in a textarea)
The tool should parse the items and generate a formatted, printable checklist with a checkbox next to each item, a date field at the top, and a signature line at the bottom.
The output should be:
- A live preview of the formatted checklist on screen
- A "Print" button that opens the browser print dialog with print-optimised CSS (clean layout, black and white, checkbox outlines clearly visible, no dark backgrounds)
Design: dark professional theme, mobile-friendly, clear labels, large buttons, results displayed clearly below the form.
Output: A formatted, print-ready checklist with tick boxes, date, and signature line.
🔄
Unit Converter
Convert between length, weight, volume, pressure, temperature, and area units.
Build me a single self-contained HTML file with all CSS and JavaScript inline — no external files, no build step, everything in one file.
I need a tool that converts between common units used in trades and field work.
The user will enter:
- A numeric value
- The "from" unit (selected from a categorised dropdown)
- The "to" unit (selected from a categorised dropdown)
The tool should include these unit categories: length (mm, cm, m, km, inches, feet, yards, miles, nautical miles), weight (g, kg, tonnes, oz, lbs), volume (mL, L, gallons US, gallons imperial, cubic metres), pressure (psi, bar, kPa, atm), temperature (Celsius, Fahrenheit, Kelvin), and area (sq metres, sq feet, hectares, acres). Include a swap button to reverse the from and to units. Let the user add custom conversion factors that persist in localStorage.
The output should be:
- The converted value displayed large and clear
- Instant conversion as the user types (no submit button needed)
Design: dark professional theme, mobile-friendly, clear labels, large buttons, results displayed clearly below the form.
Output: Instant unit conversion with a swap button and support for custom conversion factors.
📊
Data Dashboard from CSV
Paste or upload CSV data and get instant summary stats and charts.
Build me a single self-contained HTML file with all CSS and JavaScript inline — no external files, no build step, everything in one file.
I need a tool that turns CSV data into a quick visual dashboard.
The user will enter:
- CSV data (either pasted into a textarea or uploaded via a file picker that accepts .csv files)
The tool should parse the CSV, detect column headers automatically, identify which columns contain numeric data, and generate summary statistics for each numeric column: count, sum, average, minimum, and maximum. It should also generate a bar chart comparing the totals or averages of each numeric column.
The output should be:
- A summary statistics table for each numeric column showing count, sum, average, min, and max
- A bar chart visualising the numeric columns
- The raw data displayed in a clean, sortable table
Design: dark professional theme, mobile-friendly, clear labels, large buttons, results displayed clearly below the form.
For charts: use Chart.js loaded from CDN.
Output: Auto-generated summary table with stats per column, a bar chart, and a sortable data table.
📝
Meeting Notes Template
Structure meeting minutes with agenda, action items, and PDF/clipboard export.
Build me a single self-contained HTML file with all CSS and JavaScript inline — no external files, no build step, everything in one file.
I need a tool that creates structured meeting notes.
The user will enter:
- Meeting title
- Date (date picker, defaulting to today)
- Attendees (comma-separated names)
- Agenda items (ability to add multiple items, each with a title field and a notes textarea)
- Action items (ability to add multiple items, each with a description, an assignee dropdown populated from the attendees list, and a due date picker)
The tool should format everything into clean, structured meeting minutes with clear sections for attendees, agenda with notes, and action items with owners and deadlines.
The output should be:
- A formatted meeting summary displayed on screen below the form
- A "Copy to Clipboard" button that copies the summary as formatted plain text
- A "Download PDF" button that generates a professional PDF of the meeting notes
Design: dark professional theme, mobile-friendly, clear labels, large buttons, results displayed clearly below the form.
For PDF export: use jsPDF loaded from CDN.
Output: Formatted meeting minutes with copy-to-clipboard and PDF download.
📅
Date / Deadline Calculator
Calculate deadline dates by business days, skipping weekends and holidays.
Build me a single self-contained HTML file with all CSS and JavaScript inline — no external files, no build step, everything in one file.
I need a tool that calculates deadline dates based on business days.
The user will enter:
- A start date (date picker, defaulting to today)
- Number of business days to add
- A list of public holidays (dates that should be skipped, stored in localStorage so they persist between sessions — the user should be able to add and remove individual holiday dates)
The tool should count forward from the start date by the specified number of business days, skipping weekends (Saturday and Sunday) and any dates in the public holidays list.
The output should be:
- The calculated target deadline date displayed prominently
- A mini calendar view highlighting the start date, end date, weekends (greyed out), holidays (marked), and working days in between
Design: dark professional theme, mobile-friendly, clear labels, large buttons, results displayed clearly below the form.
Output: The target deadline date with a mini calendar showing the working-day range.
🧾
Expense / Receipt Logger
Log expenses by category, filter by date range, and export CSV for bookkeeping.
Build me a single self-contained HTML file with all CSS and JavaScript inline — no external files, no build step, everything in one file.
I need a tool that logs expenses and receipts for bookkeeping.
The user will enter:
- Date (date picker, defaulting to today)
- Description (text)
- Amount (number with two decimal places)
- Category (dropdown: Travel, Meals, Supplies, Equipment, Fuel, Accommodation, Other)
- Payment method (dropdown: Cash, Credit Card, Debit Card, Bank Transfer, Company Card)
The tool should store all entries in localStorage so they persist between sessions. It should display a filterable log of all expenses, allow filtering by category and date range, show monthly totals grouped by category, and allow the user to delete individual entries.
The output should be:
- A table of all expense entries with filters for category and date range
- A monthly totals summary section
- A "Download CSV" button that exports all entries for bookkeeping
Design: dark professional theme, mobile-friendly, clear labels, large buttons, results displayed clearly below the form.
Output: A filterable expense log with monthly category totals and CSV export.
From experience
Tips That Actually Help
Start small. Your first app should solve one problem, not ten.
Name it for what it does, not what it is. "Quote Calculator" beats "Sales Tool v2 Final."
If the AI gives you something that's 80% right, fix the 20%. Don't start over.
Ask the AI to add localStorage if you want the tool to remember data between sessions.
Ask for "a print button that opens the browser print dialog" if people need to print the output.
If you need your company logo in the output, convert it to base64 first (search "image to base64 converter" online) and paste the base64 string into your prompt.
Build the tool you need. If it helps you, it probably helps someone else on the team.
Upload it even if it's rough. A working tool that's ugly beats a beautiful spreadsheet that takes twice as long.
Five minutes
Get Started with AppHub
Here's the full path from zero to "my team is using this."
1
Sign up
Create an account on the AppHub home page. The free plan covers up to 5 users and 10 apps — enough to get started right away.
2
Get your workspace link
When your workspace is ready, you'll receive a link. This is your team's private AppHub. Bookmark it.
3
Log in and look around
You'll land on the dashboard — a grid where all your team's tools will live. It's empty for now. That's about to change.
4
Upload your first tool
Go to the Upload page. Drag an HTML file in (use one of the prompts above to make one). Give it a name, pick an icon, set visibility. It's live.
5
Share with your team
Invite your team from the Admin page. They log in and see the tool you just uploaded, ready to use. That's it. The whole process takes less than five minutes.
Questions
Frequently Asked
What does the free plan include?
The free plan gives you up to 5 team members and 10 apps — no credit card required, no time limit. You get everything you need to start building and sharing tools with your team. The Pro plan adds unlimited users, unlimited apps, AI-powered file conversion (drop in any file and AppHub converts it to HTML for you), and custom workspace branding.
What kind of files can I upload?
Single HTML files. All the CSS and JavaScript needs to be inside the one file — no separate stylesheets, no separate script files. This is the format that AI tools like Claude and ChatGPT produce when you ask for a self-contained tool. If your file references external files, AppHub will tell you what's wrong and give you a prompt to fix it.
Is it secure?
Every tool runs in a sandboxed iframe on a separate domain. Tools can't access your AppHub account, your cookies, or other tools' data. Your workspace is private — only people you invite can see it. We don't read your files or sell your data.
Do I need to know how to code?
No. The AI writes the code. You describe what you need in plain English. The guide on this page walks through the full process. If you can describe a problem to a colleague, you can build a tool.
Can I use it for my team of 5? 50? 500?
The free plan supports up to 5 users and 10 apps. The Pro plan removes those limits — unlimited users, unlimited apps. AppHub works best for teams of 5 to 50 people, the kind of team where everyone knows each other and tools spread by word of mouth. If you're bigger than that, get in touch and we'll figure it out.
Who built this?
Mat Harvey. He taught himself to build software because the tools he needed didn't exist. AppHub started as an internal project for his team and grew from there.
Keep going
What Happens Next
Every tool your team uploads makes the next one easier to imagine. Not because the technology gets better — it's already good enough. Because seeing what's possible changes what people think is worth trying.
The goal isn't to turn everyone into a developer. The goal is to make it normal for anyone to solve their own problems. AppHub is just the shelf where the tools go so everyone can reach them.
If you've read this far, you're ready. Pick one thing you do manually that annoys you, open Claude or ChatGPT, paste one of the prompts above, and see what happens. Then upload it here.
Get Started for Free
Create your workspace and start building. Free for up to 5 users and 10 apps.