Ось добірка корисних шаблонів, які я знайшов після створення vibe-кодування 150 різних інструментів для однофайлового HTML за останні кілька років

Під «патернами» я маю на увазі такі речі, як підключення API з підтримкою CORS, використання localStorage та URL для збереження стану, завантаження залежності з CDN і широке використання багатого копіювання і вставки для введення та виводу інструментів, які ви створюєте

Мій найновіший HTML-інструмент — це для завантаження коду з індексу пакування Python і відображення різниці між двома версіями — всі вони працюють повністю в браузері, створені за допомогою цього запиту (який реміксував попередній проєкт)

Я зробив це, бо тепер, якщо пакет на Python не має хороших нотаток до релізу, я можу натиснути "копіювати diff" і вставити в Claude/ChatGPT/Gemini, а через кілька секунд отримати справді корисні нотатки до релізу Навіть не потрібно додавати підказку, моделі припускають, що саме цього ви хочете від диференціаліста.