# Tools

> Every listed resource, editors’ picks first. The filters below can be combined.

- Search: append `?q=<keywords>` to the URL. Separate several keywords with spaces; all of them must match. Matches name, repository, tags, professions, description and README.
- Filter by type: append `?type=<cli|skill|plugin|mcp>` to the URL.
- Filter by profession: append `?profession=<profession id>` to the URL. Separate several ids with commas; a resource matches when it suits any of them. Ids are listed at https://hebbmind.com/api/v1/professions
- Filter by tag: append `?tag=<tag>` to the URL. Separate several tags with commas; a resource must carry all of them. Tags are listed at https://hebbmind.com/api/v1/tags

Tagged `google`, `web-development`: 7 items.

- [Chrome DevTools MCP](https://hebbmind.com/ja/plugin/chrome-devtools-mcp.md): [Plugin] Official Chrome plugin bundling the Chrome DevTools MCP with debugging skills for accessibility, LCP and memory leaks: lets agents drive and inspect a real Chrome and analyze network requests, console logs and performance traces. Collects usage stats by default; can be disabled.
- [Lighthouse](https://hebbmind.com/ja/cli/lighthouse.md): [CLI] Official web auditing tool from the Google Chrome team: score pages on performance, accessibility, best practices and SEO from the command line and get HTML, JSON or CSV reports, so agents can iterate on a page. Needs Node 22+ and Chrome.
- [DESIGN.md](https://hebbmind.com/ja/cli/design-md.md): [CLI] Google Labs' DESIGN.md format and CLI: designers capture colors, typography and spacing in a file for agents; lint checks broken references and WCAG contrast, diff compares versions and export outputs design tokens for Tailwind and more. Needs Node.js; the format is in alpha.
- [Angular CLI MCP Server](https://hebbmind.com/ja/mcp/angular-mcp.md): [MCP] The MCP server built into the Angular CLI (ng mcp): lets agents search the official angular.dev docs, get best practices, list workspace projects, start the dev server and run build and test targets. Supports read-only and offline modes. Maintained by the Angular team.
- [Stitch Design Skills](https://hebbmind.com/ja/skill/stitch-skills.md): [Skill] Companion skills for Google Stitch: generate UIs from text or images, extract DESIGN.md from code, and turn designs into React or React Native components. From Google Labs but not an officially supported Google product; set up the Stitch MCP first.
- [Dart and Flutter](https://hebbmind.com/ja/plugin/flutter-agent-plugins.md): [Plugin] Official plugin from the Dart and Flutter teams that installs Flutter skills and the Dart MCP server together, covering layered architecture, responsive layouts, layout error fixes, widget and integration tests, routing and internationalization. Requires the Dart/Flutter SDK locally.
- [Modern Web Guidance](https://hebbmind.com/ja/plugin/modern-web-guidance.md): [Plugin] Gives agents on-demand guidance for the modern web platform, covering View Transitions, container queries, Popover, INP optimization, accessibility and more, with browser compatibility data so they avoid outdated code. Maintained by the Google Chrome team; currently in preview.