Agentic Flow for a Simple SPA Anyone Can Build

Описание и применение

Скорое прототипирование SPA без сборки: шаблон, локальный сервер, 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.

Источник