# 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

Resources for QA or DevOps / SRE or Design or Hardware engineering: 547 items.

> - QA: Functional testing, test automation and quality assurance.
> - DevOps / SRE: Deployment, monitoring, cloud resources and reliability.
> - Design: Interface, interaction, visual and brand design.
> - Hardware engineering: Part and assembly modeling, schematics and PCB review, simulation, and BOM and production files.

- [Frontend Design](https://hebbmind.com/ja/skill/frontend-design.md): [Skill] Has the agent commit to a visual direction before building or redesigning an interface, making deliberate choices on color, type and layout instead of generic, templated AI UI. Official Anthropic skill.
- [Code Review](https://hebbmind.com/ja/plugin/code-review.md): [Plugin] Reviews pull requests with several parallel subagents, scores each finding by confidence to filter out false positives, and can post the results as PR comments. Official Anthropic plugin; requires a logged-in GitHub CLI.
- [Frontend Design](https://hebbmind.com/ja/plugin/frontend-design.md): [Plugin] Has the agent settle on a clear aesthetic direction first, then write distinctive, production-ready frontend interfaces that avoid the generic AI look. Official Anthropic plugin.
- [Claude Code](https://hebbmind.com/ja/cli/claude-code.md): [CLI] Anthropic's terminal coding agent: understands your codebase, edits code, runs commands and handles git workflows, with plugins, MCP and a headless mode (claude -p). Sign in with a Claude account or set an API key.
- [Codex CLI](https://hebbmind.com/ja/cli/openai-codex.md): [CLI] OpenAI's coding agent that runs locally, written in Rust: reads and writes code and runs commands inside an OS-level sandbox. Sign in with a ChatGPT plan or use an API key.
- [Browser Use](https://hebbmind.com/ja/cli/browser-use.md): [CLI] Open-source browser agent project. Its browser-use CLI lets Claude Code, Codex and other agents drive your logged-in local Chrome with Python snippets, or connect to a cloud browser; also ships a Python agent library. The cloud browser needs an API key.
- [Browser Use](https://hebbmind.com/ja/skill/browser-use.md): [Skill] Controls your local Chrome over CDP to navigate, click, type, take screenshots and scrape data, reusing logged-in sessions. Official browser-use skill; install the browser-use CLI with uv first.
- [GitHub CLI](https://hebbmind.com/ja/cli/gh.md): [CLI] GitHub's official CLI: manage pull requests, issues, releases and Actions workflows from the terminal. Most commands support --json output that agents can parse, and an official agent skill is available. Run gh auth login first.
- [Playwright MCP](https://hebbmind.com/ja/mcp/playwright.md): [MCP] Lets agents drive a real browser through the accessibility tree: navigate, click, fill forms and take screenshots, without needing a vision model. Maintained by Microsoft.
- [GitHub MCP Server](https://hebbmind.com/ja/mcp/github.md): [MCP] GitHub's official MCP server: lets agents read and write repositories and code, manage issues and pull requests, and check Actions workflows and code-scanning alerts. Use the hosted remote server or run it locally in Docker; needs a personal access token or OAuth.
- [MCP for Blender](https://hebbmind.com/ja/mcp/mcp-for-blender.md): [MCP] Lets agents model, lay out scenes, tweak materials and run Python in Blender, and import Poly Haven, Sketchfab and AI-generated 3D assets. Requires uv and the companion Blender add-on.
- [Trail of Bits Skills](https://hebbmind.com/ja/skill/trailofbits-skills.md): [Skill] Skills from security firm Trail of Bits: 40+ plugins for code auditing, CodeQL and Semgrep static analysis, differential review, smart-contract and cryptography audits, fuzzing and more. Also installable as a Claude Code or Codex plugin marketplace.
- [Cloudflare MCP Server](https://hebbmind.com/ja/mcp/mcp-server-cloudflare.md): [MCP] Cloudflare's official remote MCP servers: manage Workers and bindings such as KV, R2 and D1, and query logs and observability, builds, DNS analytics and Radar data. Authorizes with Cloudflare OAuth; some features need a paid plan.
- [Figma MCP Server](https://hebbmind.com/ja/mcp/mcp-server-guide.md): [MCP] Figma's official remote MCP: hands components, variables and layout from your designs to the agent to generate code, and can create and edit designs on the canvas. Needs Figma sign-in; Starter plans and View or Collab seats get only 6 read calls a month.
- [Diagnosing Bugs](https://hebbmind.com/ja/skill/diagnosing-bugs.md): [Skill] A disciplined process for hard bugs and performance regressions: build a reliable reproduction loop, reproduce and minimize, form hypotheses, instrument to verify, then fix and add a regression test, redacting secrets in output. By Matt Pocock.
- [Test-Driven Development](https://hebbmind.com/ja/skill/test-driven-development.md): [Skill] Forces red-green-refactor: write a test and watch it fail, then write the minimum code to pass. Any code written without a verified failing test gets deleted and redone. From the Superpowers workflow.
- [Hermes Agent](https://hebbmind.com/ja/cli/hermes-agent.md): [CLI] Self-improving agent from Nous Research with built-in memory and a learning loop that turns experience into skills. Works with any model provider; the hermes command has a terminal UI, and a gateway connects it to Telegram, Slack and more and runs scheduled tasks.
- [webapp-testing](https://hebbmind.com/ja/skill/webapp-testing.md): [Skill] Drives local web apps with Python Playwright scripts to verify features, debug the UI, take screenshots and read browser logs. Includes helper scripts to start and stop dev servers. Official Anthropic skill.
- [Canvas Design](https://hebbmind.com/ja/skill/canvas-design.md): [Skill] Develops a design philosophy first, then draws posters, illustrations and other static visuals in code, exporting PNG or PDF. Emphasizes original work rather than copying existing artists. Official Anthropic skill.
- [Slack GIF Creator](https://hebbmind.com/ja/skill/slack-gif-creator.md): [Skill] Makes GIFs that follow Slack's recommended size, frame rate, color and length for emoji (128x128) and message GIFs (480x480), with animation tips and tools to assemble and validate them. Built on Python and Pillow. Official Anthropic skill.
- [Theme Factory](https://hebbmind.com/ja/skill/theme-factory.md): [Skill] Ten built-in color and font themes to apply to slides, documents, reports and HTML landing pages, or generate a new theme on demand. Official Anthropic skill.
- [Algorithmic Art](https://hebbmind.com/ja/skill/algorithmic-art.md): [Skill] Creates generative art such as flow fields and particle systems with p5.js and seeded randomness: first writes an algorithmic design philosophy, then outputs an interactive HTML viewer with tunable parameters. Official Anthropic skill.
- [PR Review Toolkit](https://hebbmind.com/ja/plugin/pr-review-toolkit.md): [Plugin] Six specialized review subagents that check comment accuracy, test coverage, silent failures, type design, code style and simplification opportunities. Run them individually or all at once. Official Anthropic plugin.
- [Hookify](https://hebbmind.com/ja/plugin/hookify.md): [Plugin] Generates hook rules from a one-line description or by analyzing recent conversations. Rules are Markdown files with match conditions that block or warn on dangerous commands and unwanted patterns, and take effect without a restart. Official Anthropic plugin.
- [UI UX Pro Max](https://hebbmind.com/ja/plugin/ui-ux-pro-max-skill.md): [Plugin] UI/UX design knowledge base plugin with searchable UI styles, color palettes, font pairings, charts and guidelines for 20+ tech stacks; generates complete design system recommendations by product type. Needs Python 3 installed locally.
- [UI UX Pro Max](https://hebbmind.com/ja/skill/ui-ux-pro-max-skill.md): [Skill] UI design knowledge base skill: looks up UI styles, palettes, font pairings, charts and UX guidelines by product type and generates a full design system, covering 22 stacks including React, SwiftUI and Flutter. Needs Python 3 locally.
- [gstack](https://hebbmind.com/ja/skill/gstack.md): [Skill] Skill pack from YC president Garry Tan: slash commands such as /office-hours, /plan-ceo-review, /review, /qa and /ship play CEO, engineering manager, designer, QA and release engineer. Needs Git and Bun; clone the repo and run ./setup as the README describes.
- [Image Gen](https://hebbmind.com/ja/skill/imagegen.md): [Skill] Generates or edits images: photos, illustrations, textures, game sprites, product mockups and transparent assets. A built-in Codex system skill using the image_gen tool, no install needed; with approval it can use a bundled CLI script that needs OPENAI_API_KEY. By OpenAI.
- [shadcn/ui](https://hebbmind.com/ja/skill/shadcn.md): [Skill] Official shadcn/ui skill: uses the shadcn CLI to read project config and component docs, then adds, searches, composes and fixes components following styling, form and accessibility rules. Can also start new projects from presets.
- [Browser Use MCP](https://hebbmind.com/ja/mcp/browser-use-mcp.md): [MCP] Local MCP server built into Browser Use: lets agents navigate, click, type and extract page content, or hand multi-step tasks to the built-in browser agent. Bring your own OpenAI or Anthropic API key.
- [Agent Skills (Addy Osmani)](https://hebbmind.com/ja/skill/addyosmani-agent-skills.md): [Skill] Engineering skill collection spanning define, plan, build, verify, review and ship, with /spec, /plan, /build, /test, /review and /ship commands, including TDD, code review and web performance audits. By Addy Osmani.
- [Agent Skills](https://hebbmind.com/ja/plugin/agent-skills.md): [Plugin] Addy Osmani's production-grade engineering skill pack covering spec, planning, implementation, testing, review and shipping, with commands like /spec, /plan, /build, /test, /review and /ship. Supports both Claude Code and Codex.
- [Taste Skill](https://hebbmind.com/ja/skill/taste-skill.md): [Skill] Helps agents build frontends that don't look templated: picks a design direction first, then tunes layout variance, motion intensity and information density. Also includes redesign audits, minimalist and brutalist styles, and design reference generation.
- [Gemini CLI](https://hebbmind.com/ja/cli/gemini-cli.md): [CLI] Google's official open-source terminal agent using Gemini models with a 1M-token context. Built-in Google Search, file and shell tools, plus MCP support. Personal Google accounts get a free quota.
- [OpenDesign](https://hebbmind.com/ja/mcp/open-design.md): [MCP] Open-source local design workbench and Claude Design alternative: builds web and mobile prototypes, slides, images and motion videos from a DESIGN.md system, exporting HTML, PDF, PPTX or MP4. MCP lets Claude Code and Codex use it. Needs the macOS or Windows app; Linux from source.
- [Impeccable](https://hebbmind.com/ja/skill/impeccable.md): [Skill] Frontend design polish skill: one skill with 24 commands such as polish, audit, critique and typeset, plus 61 deterministic rules that catch typical AI-generated UI problems, with live iteration in the browser. Works with Claude Code, Codex, Cursor and others.
- [Impeccable](https://hebbmind.com/ja/plugin/impeccable.md): [Plugin] Frontend design quality plugin: one skill plus 24 commands (audit, critique, polish and more) and 61 built-in deterministic rules that find common design flaws in AI-generated interfaces and fix them one by one.
- [Playwright](https://hebbmind.com/ja/cli/playwright.md): [CLI] Microsoft's cross-browser end-to-end testing framework: one API drives Chromium, Firefox and WebKit, npx playwright test runs tests in parallel and isolation, with auto-waiting and trace replay for debugging failures.
- [vLLM](https://hebbmind.com/ja/cli/vllm.md): [CLI] High-throughput LLM inference and serving engine: vllm serve starts an OpenAI- and Anthropic-compatible server in one command. Supports 200+ model architectures from Hugging Face, quantization and distributed inference. Aimed mainly at NVIDIA, AMD and other GPUs.
- [Archify](https://hebbmind.com/ja/skill/archify.md): [Skill] Turns natural-language descriptions, Mermaid or a real code repo into interactive single-file HTML diagrams: architecture, flowcharts, sequence diagrams, data flows and state machines. Validates output automatically and exports PNG or SVG.
- [RTK (Rust Token Killer)](https://hebbmind.com/ja/cli/rtk.md): [CLI] Rust CLI proxy that filters and compresses command output before it reaches the agent's context, covering git, tests, grep, ls and 100+ other commands and cutting bash output by up to about 90%. Hooks automatically rewrite commands run by Claude Code, Codex and others.
- [fzf](https://hebbmind.com/ja/cli/fzf.md): [CLI] General-purpose command-line fuzzy finder for any text input, such as file lists, command history or processes. Besides the interactive UI it has a non-interactive --filter mode, plus shell key bindings and completion.
- [HyperFrames](https://hebbmind.com/ja/cli/hyperframes.md): [CLI] Write videos in HTML, CSS and frame-seekable animations, preview them from the CLI and render deterministic MP4s. Comes with agent skills for product launch videos, captions and talking-head re-edits. Maintained by HeyGen; needs Node.js 22+ and FFmpeg.
- [HyperFrames Skills](https://hebbmind.com/ja/skill/heygen-com-skills.md): [Skill] HeyGen's official HyperFrames skill set: lets agents write deterministic MP4 videos in HTML, CSS and animation, with workflows for promo videos, explainers, captions and beat-synced music. Needs Node.js 22+ and FFmpeg.
- [act](https://hebbmind.com/ja/cli/act.md): [CLI] Runs GitHub Actions workflows locally in Docker, so you can test .github/workflows changes without repeated commits and pushes, or use workflows as a local task runner. Needs Docker installed.
- [Cline CLI](https://hebbmind.com/ja/cli/cline-cli.md): [CLI] Official Cline CLI sharing its agent core with the VS Code extension: plan/act modes, MCP, checkpoints and subagents; --yolo and --json run it unattended in CI and scripts. Sign in with Cline or a ChatGPT subscription, or bring your own API key.
- [Ansible](https://hebbmind.com/ja/cli/ansible.md): [CLI] Agentless IT automation: uses SSH and playbooks for configuration management, app deployment, cloud orchestration and ad hoc commands at scale, with nothing to install on target machines. Maintained primarily by Red Hat.
- [ripgrep](https://hebbmind.com/ja/cli/ripgrep.md): [CLI] Fast regex search across directories (command rg) that respects .gitignore, skips hidden and binary files by default and filters by file type. A go-to command for coding agents searching a codebase.
- [Diagram Design](https://hebbmind.com/ja/skill/diagram-design.md): [Skill] Generates self-contained HTML+SVG diagrams in an editorial style: architecture, flowcharts, sequence, swimlane, Gantt and dozens more types. Can match brand colors from a website and redraw imported Mermaid, draw.io and Excalidraw sources.
- [tldr-pages](https://hebbmind.com/ja/cli/tldr.md): [CLI] Community-maintained simplified command help with example-first pages for common CLI tools, easier to read than man. Install an official client (Python, Rust or Node.js), then run tldr followed by a command name.

Next page: https://hebbmind.com/ja/tools.md?page=2&profession=qa%2Cdevops%2Cdesign%2Chardware
