Agentic Flow for a Simple SPA Anyone Can Build

说明与用途

无需构建步骤的快速 SPA 原型：模板、Python 本地服务器、Playwright 测试和 GitHub Pages。截图加速代码审查，代理自动生成并测试更改。

问题

Developing and iterating on simple SPAs quickly while delegating code changes to an agent, without a complex build or bundler setup.

结果

The workflow enables a developer to prototype, test, and deploy a SPA in minutes, while an agent can generate code changes that are automatically reviewed via visual screenshots, reducing review time and speeding UI iteration.

工作流

• Create repo from kolodkin/spa-template via "Use this template" or agent command
• Edit code in web/ folder
• Run ./run.sh to start local server (Python http.server)
• Run uv run pytest to execute Playwright tests and capture screenshots
• Push to main to trigger CI: test, build (cp to _site), deploy to GitHub Pages
• Review screenshots in test-results/shots/ to approve or request changes
• Merge PR or iterate

证据

Getting your own is a two-minute job. kolodkin/spa-template is a GitHub template, so hit Use this template

来源

Pull requests run the first two jobs as a check. Pushes to main run all three.

来源