# 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 Frontend or DevOps / SRE or ML / AI, Tagged `code-quality`: 36 items.

> - Frontend: Web and mobile-web interfaces: building, debugging and performance tuning.
> - DevOps / SRE: Deployment, monitoring, cloud resources and reliability.
> - ML / AI: Model training, evaluation and LLM application development.

- [Verification Before Completion](https://hebbmind.com/skill/verification-before-completion.md): [Skill] Requires the agent to run the full verification commands and read the output before claiming work is done, fixed or passing, backing claims with evidence and ruling out unverified success reports. From the Superpowers workflow.
- [Karpathy-Inspired Claude Code Guidelines](https://hebbmind.com/plugin/andrej-karpathy-skills.md): [Plugin] Four guidelines based on Karpathy's observations of common LLM coding mistakes: think before coding, prefer simplicity, make only necessary changes, and work toward verifiable goals. Ships as a plugin skill or works as a CLAUDE.md. Community-made, not by Karpathy.
- [Karpathy-Inspired Claude Code Guidelines](https://hebbmind.com/skill/andrej-karpathy-skills.md): [Skill] Behavior guidelines drawn from Karpathy's observations of how LLMs go wrong when coding: think before acting, keep it simple, make surgical changes only, and drive work by verifiable goals. Can also be used directly as a CLAUDE.md.
- [Ponytail](https://hebbmind.com/skill/ponytail.md): [Skill] Has the agent follow a 'don't write it if you can avoid it' ladder: ask if it's needed, then reuse existing code, the standard library, platform features and installed dependencies, writing only the minimum while keeping validation, error handling, security and accessibility.
- [Ponytail](https://hebbmind.com/plugin/ponytail.md): [Plugin] 'Laziest senior engineer' mode: checks whether the work is needed and whether existing code, the standard library or platform features cover it, then writes the minimum code while keeping validation, error handling and security. For Claude Code and Codex; its hook needs Node.js.
- [Hookify](https://hebbmind.com/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.
- [PR Review Toolkit](https://hebbmind.com/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.
- [Migrate Radix to Base UI](https://hebbmind.com/skill/migrate-radix-to-base.md): [Skill] Migrates React projects and shadcn components from Radix UI to Base UI, one component at a time or the whole project on request. Prefers the shadcn CLI's base variants merged with user customizations, typechecks every step, and writes a per-component report in .migration/. From the shadcn/ui repo.
- [Code Review and Quality](https://hebbmind.com/skill/code-review-and-quality.md): [Skill] Reviews code changes before merge across five axes: correctness, readability, architecture, security and performance. Works on code and PRs from you, other agents or other people, judged by whether they improve overall code health. Part of Addy Osmani's agent-skills.
- [Impeccable](https://hebbmind.com/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.
- [Ruff](https://hebbmind.com/cli/ruff.md): [CLI] Astral's extremely fast Python linter and formatter written in Rust, replacing Flake8, isort and Black, with 900+ built-in rules and auto-fix.
- [Open Code Review](https://hebbmind.com/plugin/open-code-review.md): [Plugin] Alibaba's open-source AI code review tool: reads the Git diff, groups changed files for parallel review by subagents and returns line-level comments; the plugin adds review and delegated review commands. Install the ocr CLI and configure a model first; delegated mode needs no API key.
- [Open Code Review](https://hebbmind.com/skill/open-code-review.md): [Skill] Drives Alibaba's open-source ocr CLI to review Git changes (working tree, a commit or a branch diff), grouping line-level comments by severity and fixing them on request. Needs an LLM endpoint (Anthropic, OpenAI and other protocols); installs the CLI if missing. By Alibaba.
- [Open Code Review](https://hebbmind.com/cli/open-code-review.md): [CLI] Alibaba's open-source AI code review CLI (ocr): a deterministic pass filters and groups files and matches rules, then an agent reads the context and writes line-level comments; ocr scan reviews a whole directory. Needs an LLM endpoint, or delegate mode to hand off to your coding agent.
- [Pyright LSP](https://hebbmind.com/plugin/pyright-lsp.md): [Plugin] Connects Claude Code to the Pyright language server for static type checking and code intelligence in Python. Install pyright first with npm, pip or pipx. Official Anthropic plugin.
- [Go LSP (gopls)](https://hebbmind.com/plugin/gopls-lsp.md): [Plugin] Connects Claude Code to gopls, Go's official language server, for code intelligence, refactoring and analysis. Install gopls with go install and add Go's bin directory to PATH first. Official Anthropic plugin.
- [Code Simplifier](https://hebbmind.com/plugin/code-simplifier.md): [Plugin] Simplifies and tidies recently changed code without changing behavior: reduces nesting and redundancy, improves naming and follows the project conventions in CLAUDE.md. Official Anthropic plugin.
- [TypeScript LSP](https://hebbmind.com/plugin/typescript-lsp.md): [Plugin] Connects Claude Code to a TypeScript/JavaScript language server for go-to-definition, find references and live type error checking. Install typescript-language-server globally first. Official Anthropic plugin.
- [wshobson/agents](https://hebbmind.com/skill/wshobson-agents.md): [Skill] The 180+ skills bundled with the 90+ plugins in the wshobson/agents marketplace, covering development across many languages and frameworks, testing, ops, security, data and LLM apps. Install individually with npx skills or gh skill; skills only, without subagents or commands.
- [ShellCheck](https://hebbmind.com/cli/shellcheck.md): [CLI] Static analysis for shell scripts: flags syntax errors and common bash/sh pitfalls such as quoting and variable expansion, with suggested fixes. Good for checking agent-generated scripts and easy to add to CI.
- [Vercel React Best Practices](https://hebbmind.com/skill/react-best-practices.md): [Skill] React and Next.js performance rules from Vercel's engineering team: 70 rules ranked by impact covering request waterfalls, bundle size, server performance and re-renders, for writing, reviewing and refactoring. Maintained by Vercel.
- [React Composition Patterns](https://hebbmind.com/skill/composition-patterns.md): [Skill] Vercel's guide to React composition patterns: replaces boolean prop sprawl with compound components, lifted state and clean Context interfaces, including React 19 API changes. Useful for refactoring component libraries and reviewing component architecture.
- [Biome](https://hebbmind.com/cli/biome.md): [CLI] All-in-one toolchain for web projects: fast formatting and linting with 500+ rules for JS, TS, JSX, JSON, CSS and GraphQL. Formatting is highly compatible with Prettier, and check --write applies all fixes in one pass.
- [Semgrep](https://hebbmind.com/cli/semgrep.md): [CLI] Semantic multi-language static analysis: find vulnerabilities and bugs with rules that look like source code, across 30+ languages with custom rules. Scans locally by default without uploading code; cross-file analysis and Pro rules require sign-in.
- [ast-grep](https://hebbmind.com/cli/ast-grep.md): [CLI] AST-based structural code search, lint and bulk rewrite tool: matches code patterns rather than text, with $VAR wildcards for nodes, making it well suited to agents doing large cross-file refactors.
- [pre-commit](https://hebbmind.com/cli/pre-commit.md): [CLI] Multi-language git hook manager: declare formatting, lint, secret scanning and other hooks in .pre-commit-config.yaml to run automatically before each commit, or have the agent self-check with pre-commit run --all-files before committing.
- [React Doctor](https://hebbmind.com/skill/react-doctor.md): [Skill] Runs React Doctor via npx to scan React code for security, performance, correctness, accessibility and architecture issues with a 0-100 health score; checks changed code for regressions, and on /doctor fetches the official triage playbook to fix issues.
- [Improve React](https://hebbmind.com/skill/improve-react.md): [Skill] Audits a whole React codebase read-only: runs a React Doctor scan as evidence, vets findings across bugs, performance, accessibility, security and maintainability, ranks them by leverage, then writes self-contained plans other agents can execute. Never edits source.
- [improve](https://hebbmind.com/plugin/improve.md): [Plugin] Uses a strong model to audit your codebase and list evidence-backed issues across correctness, security, performance and testing, writes a plan a cheaper model can execute, and reviews the results. It never edits code itself. By shadcn.
- [Static Analysis](https://hebbmind.com/skill/static-analysis.md): [Skill] Trail of Bits static analysis skills: CodeQL for interprocedural taint tracking and data-flow analysis, Semgrep for rule-based scanning, plus parsing and deduplicating SARIF results. Requires CodeQL or Semgrep installed locally.
- [Antfu Conventions](https://hebbmind.com/skill/antfu.md): [Skill] Applies Anthony Fu's conventions for JavaScript and TypeScript projects: file organization, explicit imports, Vitest style, @antfu/ni, @antfu/eslint-config with antislop, Knip, tsdown and a single ci script, mirroring the antfu/starter-ts template for new projects.
- [Narrow React Prop Types](https://hebbmind.com/skill/narrow-react-prop-types.md): [Skill] Narrows React component prop types to match live call sites rather than widened story, mock or test contracts: classifies each prop as required, optional or removed from non-test usage, derives types from real APIs, and updates stories and tests to fit.
- [Vue Best Practices](https://hebbmind.com/skill/vue-best-practices.md): [Skill] Default workflow for Vue work: standardizes on Vue 3, the Composition API and script setup with TypeScript, reads core references on reactivity, SFCs, data flow and composables, plans component boundaries first, loads topics like slots, transitions and performance only when needed, then self-checks.
- [Create Adaptable Composable](https://hebbmind.com/skill/create-adaptable-composable.md): [Skill] Guides the agent in writing library-grade Vue composables whose inputs accept a plain value, ref or getter: choose MaybeRefOrGetter or MaybeRef depending on whether the input is read-only or writable, and normalize with toValue() and toRef() inside watchers. Requires Vue 3 or Nuxt 3+.
- [Svelte Code Writer](https://hebbmind.com/skill/svelte-code-writer.md): [Skill] Has the agent use the @sveltejs/mcp CLI via npx whenever it creates, edits or analyzes Svelte components or modules: list and fetch Svelte 5 and SvelteKit docs sections, and run svelte-autofixer to catch issues and validate every component before finishing. Official Svelte skill.
- [Tailwind Token Consolidation](https://hebbmind.com/skill/tailwind-token-consolidation.md): [Skill] Reduces CSS custom properties and Tailwind v4 design tokens in globals.css without changing visuals: maps usage to find live tokens, deletes dead ones, collapses values similar in light and dark modes via a scripted rename map, and verifies with typecheck, lint and build.
