# Web AI development toolkit

> Combine frontend workflows, browser automation, TypeScript rules and a test-first development loop.

[HTML page](https://m9rco.github.io/awesome-python-dev/profiles/web/) · [Agent guide](https://m9rco.github.io/awesome-python-dev/agents/index.md) · [Discovery index](https://m9rco.github.io/awesome-python-dev/llms.txt)

This website describes the repository catalog snapshot, which may contain unreleased entries. It is not a promise that every entry exists in the currently published package. Check `uvx awesome-python-dev list --json` for the catalog available in your installed runtime. GitHub stars and review dates are recorded snapshots, not live rankings.

Catalog reviewed: 2026-10-29. [Catalog source](https://github.com/m9rco/awesome-python-dev/blob/239895d3dd1353a48c5b39eee8eb028aadd8ac8f/src/awesome_python_dev/data/catalog.json).

PROFILE / 8 RESOURCES

## Web toolkit

Combine frontend workflows, browser automation, TypeScript rules and a test-first development loop.

```sh
uvx awesome-python-dev init --agents codex,claude --profile web
```

Run in your project directory. [Check prerequisites and agent setup](https://m9rco.github.io/awesome-python-dev/getting-started/) .

### What’s included

The list includes required rule-pack dependencies, resolved by the same catalog logic as the CLI.

SkillsInstallable

#### [Systematic Debugging](https://m9rco.github.io/awesome-python-dev/tools/systematic-debugging/) 

Root-cause investigation, reproducible failures, and hypothesis-driven debugging.

obra/superpowersMIT

[View setup ↗](https://m9rco.github.io/awesome-python-dev/tools/systematic-debugging/) 

SkillsInstallable

#### [Test-Driven Development](https://m9rco.github.io/awesome-python-dev/tools/test-driven-development/) 

A test-first workflow with guidance for meaningful regression tests.

obra/superpowersMIT

[View setup ↗](https://m9rco.github.io/awesome-python-dev/tools/test-driven-development/) 

SkillsInstallable

#### [Verification Before Completion](https://m9rco.github.io/awesome-python-dev/tools/verification-before-completion/) 

Require fresh verification evidence before claiming a change is complete.

obra/superpowersMIT

[View setup ↗](https://m9rco.github.io/awesome-python-dev/tools/verification-before-completion/) 

MCP serversInstallable

#### [Context7](https://m9rco.github.io/awesome-python-dev/tools/context7/) 

Retrieve library documentation and version-specific examples for coding tasks.

upstash/context7MIT

[View setup ↗](https://m9rco.github.io/awesome-python-dev/tools/context7/) 

MCP serversInstallable

#### [Playwright MCP](https://m9rco.github.io/awesome-python-dev/tools/playwright/) 

Browser inspection and interactive web testing through accessibility snapshots.

microsoft/playwright-mcpApache-2.0

[View setup ↗](https://m9rco.github.io/awesome-python-dev/tools/playwright/) 

RulesInstallable

#### [ECC Common Rules](https://m9rco.github.io/awesome-python-dev/tools/ecc-common-rules/) 

Portable cross-language engineering guidance selected from ECC rules.

affaan-m/ECCMIT

[View setup ↗](https://m9rco.github.io/awesome-python-dev/tools/ecc-common-rules/) 

RulesInstallable

#### [ECC TypeScript Rules](https://m9rco.github.io/awesome-python-dev/tools/ecc-typescript-rules/) 

Portable typescript-specific engineering guidance selected from ECC rules.

affaan-m/ECCMIT

[View setup ↗](https://m9rco.github.io/awesome-python-dev/tools/ecc-typescript-rules/) 

SkillsInstallable

#### [Frontend Patterns](https://m9rco.github.io/awesome-python-dev/tools/frontend-patterns/) 

React and Next.js component composition, state, data fetching, forms, performance, and accessibility.

affaan-m/ECCMIT

[View setup ↗](https://m9rco.github.io/awesome-python-dev/tools/frontend-patterns/)