{"id":27959217,"url":"https://github.com/joshbrew/webdev-autogpt-template-tinybuild","last_synced_at":"2026-03-05T18:38:37.452Z","repository":{"id":289437542,"uuid":"971245703","full_name":"joshbrew/webdev-autogpt-template-tinybuild","owner":"joshbrew","description":"Watch your web app code itself! Hot reloading web server with a drop in GPT server on a local subdomain of your test server. Just provide an API key!","archived":false,"fork":false,"pushed_at":"2025-05-18T07:36:39.000Z","size":723,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-07-31T04:46:43.000Z","etag":null,"topics":["automation","chatgpt","esbuild","nodejs","openai","tinybuild","webdev","website-template"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/joshbrew.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-04-23T08:24:38.000Z","updated_at":"2025-05-20T02:07:10.000Z","dependencies_parsed_at":"2025-04-23T23:28:55.429Z","dependency_job_id":"c9205f2a-f385-4f35-853a-ea466aa38844","html_url":"https://github.com/joshbrew/webdev-autogpt-template-tinybuild","commit_stats":null,"previous_names":["joshbrew/tinybuild-autogpt-template","joshbrew/webdev-autogpt-template-tinybuild"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/joshbrew/webdev-autogpt-template-tinybuild","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joshbrew%2Fwebdev-autogpt-template-tinybuild","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joshbrew%2Fwebdev-autogpt-template-tinybuild/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joshbrew%2Fwebdev-autogpt-template-tinybuild/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joshbrew%2Fwebdev-autogpt-template-tinybuild/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/joshbrew","download_url":"https://codeload.github.com/joshbrew/webdev-autogpt-template-tinybuild/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joshbrew%2Fwebdev-autogpt-template-tinybuild/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30143192,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-05T16:58:46.102Z","status":"ssl_error","status_checked_at":"2026-03-05T16:58:45.706Z","response_time":93,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["automation","chatgpt","esbuild","nodejs","openai","tinybuild","webdev","website-template"],"created_at":"2025-05-07T18:29:14.683Z","updated_at":"2026-03-05T18:38:37.408Z","avatar_url":"https://github.com/joshbrew.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Automated web dev server with chat prompt and tool calls.\n\nCurrently uses 4.1-mini at the base (200K tokens for threads/assistants) and can prompt summary models or smarter models for help with prompts and context sizes. We tried to throttle it as best as possible so the context sizes are respected.\n\nWIP (limit your api budget to \u003c$10 !!!!)\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\n      \u003cp\u003eParaphrasing: “Make a crazy wave pattern with pastel colors, put it in a triangle with a gradient background.”\u003c/p\u003e\n      \u003cimg\n        src=\"https://github.com/user-attachments/assets/100d4d85-941b-4df4-b3ef-c68e517f0c84\"\n        alt=\"Crazy wave pattern in pastel colors inside a triangle on a gradient background\"\n      /\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      \u003cp\u003e“Make something with Howler and React… also make snake with growing/shrinking bubbles.”\u003c/p\u003e\n      \u003cimg\n        src=\"https://github.com/user-attachments/assets/b8c62e9b-115c-4553-854c-f3f637ba2034\"\n        alt=\"Howler \u0026 React snake game with growing and shrinking bubbles\"\n      /\u003e\n      \u003cp\u003eIt installed its own dependencies and fetched sound files off the internet\u003c/p\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      \u003cp\u003e“Make it funky... Make it funkier... etc etc.”\u003c/p\u003e\n      \u003cimg\n        src=\"https://github.com/user-attachments/assets/38d4c788-07c3-475e-bcf7-e1ab9cc99fd6\"\n        alt=\"Additional artwork\"\n      /\u003e\n      \u003cp\u003eIt installed its own dependencies and arranged a src folder with components, renamed the js to jsx including updating the bundler entryPoint to match.\u003c/p\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      Some inspiration.\n      \u003ctable \u003e\n    \u003ctr\u003e\n    \u003ctd\u003e\n      \u003cimg style=\"width:100px;\"\n        src=\"https://github.com/user-attachments/assets/9103fc6b-9114-4ff5-9a88-7d9d6f31fef8\"\n        alt=\"Additional Suggestions\"\n      /\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      \u003cimg style=\"width:100px;\"\n        src=\"https://github.com/user-attachments/assets/a57938a4-0f84-4638-a1cc-ac2ae3879959\"\n      /\u003e\n    \u003c/td\u003e\n      \u003c/tr\u003e\n      \u003c/table\u003e\n      \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n### [Example Video](https://youtu.be/84Pggzt8A0c)\n\nIt's rudimentary but it's quite usable. Minimal dependencies (openai, dotenv, concurrently, tinybuild, ws, better-sse, git).\n\n## Build and run\n\nYou need [git cli](https://git-scm.com/downloads) for version control to work.\n\nFirst, in this directory, run: \n\n`npm install`\n\nAlso: `npm i -g concurrently` for useful multi-process cli tool we use.\n\nThen with [`tinybuild`](https://github.com/joshbrew/tinybuild) installed globally (`npm i -g tinybuild`) run: \n\n`npm start`\n\nYou also need to create a `.env` file and specify your OpenAI secret: \n```\nOPENAI_API_KEY=sk-...\n```\nAdditionally supported env vars (optional, defaults shown are hard coded if undefined):\n```\nHOST=localhost #default e.g...\nPORT=3000 #default gpt port\nSAVED_DIR=gpt_dev/saved #default\nGPT_MODEL=gpt-4.1 #default\n```\nWhen running, navigate to:\n\n`http://localhost:8080/gptdev` for the prompt window\n\nThe main page is found at:\n\n`http://localhost:8080`\n\nThis will hot reload the page when scripts are updated, and css specifically is hot swapped without page reloads. This combines with esbuild's instant feedback for rapid development. GPT can use this to debug or install packages on the fly and introduce things like plotting or 3D libraries and bundle them.\n\nAnd much more can be configured with the `tinybuild.config.js`\n\nHave fun watching your website or webapp code itself! Assistant runs tend to be a bit slow depending on the model, and not all models can use assistants yet. Currently it is set to GPT-4.1 but you can just set the model from this list: https://platform.openai.com/docs/pricing\n\nNote, the servers are pretty slow with the current demand.\n\n## Prompting Tips\n\nTell it to read and add features to e.g. index.css or index.js and to use script-based web components or a react root rather than editing index.html. This will stop it from screwing up the imports too much since our build environment has preset targets for bundling. \n\nRemind it to check itself when it makes errors, it can often correct the code back. \n\nIt can also npm install for you or re-prompt itself if explicitly instructed to just run free on the tasks you give it.\n\n### Contribute!\n\nPlease submit your own samples or vibe code some self-improvements to this overall interface yourself. \n\nI keep coming up with more ideas as I run into missing functionality e.g. screencapping or getting the live built code for self-debugging against a lack of visual feedback. Sometimes this requires a fresh pass to reorganize the backend code so the app can upgrade itself. Lots of possibilities, hmm..\n\nMake a pull request, github issue, or email me :-)\n\n### Some joke code written entirely by GPT with CSS, Canvas, and ThreeJS animations (including installing its own dependencies):\n![image](https://github.com/user-attachments/assets/4d74c8da-828b-4feb-a882-81387c996938)\n\n## Configuration\n\nSee [`./tinybuild.config.js`](./tinybuild.config.js) for settings. \n\nAdd build:true for build-only, add serve:true for serve-only, or set bundle or server to false alternatively.\n\n## TODO:\n\nWIP git management:\n![image](https://github.com/user-attachments/assets/d899dc75-01da-4135-b6bb-023d513f3391)\n\n\n- Improve chat frontend further. More options and guides etc.\n- Test tool calls further. Test limits. \n- Keep testing runs and token throttling, other models allow more tokens per minute unless you are a higher paying account.\n- Add ability for gpt to restart the concurrent environment if the gpt dev needs modifying? \u003e_\u003e \u003c_\u003c maybe a bad idea idk\n- Add screencapping ability (expensive!!) for more automation, \n- Help GPT systematize its approach to editing and debugging better to take your hands off the wheel even more.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoshbrew%2Fwebdev-autogpt-template-tinybuild","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjoshbrew%2Fwebdev-autogpt-template-tinybuild","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoshbrew%2Fwebdev-autogpt-template-tinybuild/lists"}