# 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: 764 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.

- [Vue Pinia Best Practices](https://hebbmind.com/skill/vue-pinia-best-practices.md): [Skill] Pinia best practices and gotchas for Vue apps: fixing the getActivePinia error, returning all state from setup stores, keeping reactivity when destructuring stores, calling store methods from templates, keeping ephemeral filters in the URL, and using Pinia in large apps.
- [Vue Router Best Practices](https://hebbmind.com/skill/vue-router-best-practices.md): [Skill] Vue Router 4 best practices and gotchas: guards and lifecycle hooks not firing when only params change, no this in beforeRouteEnter, async calls and infinite redirect loops in guards, the deprecated next() callback, and cleaning up listeners after unmount.
- [Vue Testing Best Practices](https://hebbmind.com/skill/vue-testing-best-practices.md): [Skill] Testing practices for Vue apps: Vitest and Vue Test Utils, black-box component tests, flushPromises for async code, helpers for testing composables, Pinia stores, async components and Teleport, avoiding snapshot-only tests, and Playwright for end-to-end testing.
- [Flutter Agent Plugins](https://hebbmind.com/skill/flutter-skills.md): [Skill] Agent skills maintained by the Flutter team: layered architecture, responsive layouts, fixing layout overflows, declarative routing, internationalization, JSON serialization, and widget and integration tests. Works alongside the Dart MCP server.
- [Dart and Flutter](https://hebbmind.com/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.
- [Rebiber](https://hebbmind.com/cli/rebiber.md): [CLI] Replaces arXiv preprint entries in your .bib file with the official published versions from DBLP and ACL Anthology, keeping citation keys, to tidy references before camera-ready. Overwrites the file by default, so preview with --dry-run. Mainly covers CS venues; needs Python 3.10+.
- [Expo](https://hebbmind.com/plugin/expo.md): [Plugin] Expo's official plugin covering Expo Router navigation, native UI, data fetching and SDK upgrades, plus EAS builds, OTA updates and app store submission. Some service-related skills rely on paid EAS.
- [Expo Skills](https://hebbmind.com/skill/expo-skills.md): [Skill] Expo's official skills: Expo Router navigation, native-feeling UI, animations, native modules and SDK upgrades, plus EAS build and submit, OTA updates and CI workflows. EAS skills use Expo's paid services.
- [Web Quality Skills](https://hebbmind.com/skill/web-quality-skills.md): [Skill] Measurement-first audits and optimization of web quality using Lighthouse, Chrome DevTools performance traces and CrUX data, covering Core Web Vitals, WCAG 2.2 accessibility, SEO and best practices, for any frontend framework. By Addy Osmani (not an official Google project).
- [Supabase MCP Server](https://hebbmind.com/mcp/supabase-mcp.md): [MCP] Connects to your Supabase projects: manage schemas and migrations, run SQL, deploy Edge Functions, create development branches and generate TypeScript types. A remote server hosted by Supabase with OAuth sign-in.
- [Agent Toolkit for AWS](https://hebbmind.com/plugin/agent-toolkit-for-aws.md): [Plugin] AWS's generally available agent toolkit and plugin marketplace: plugins such as aws-core, aws-agents and aws-data-analytics bundle the AWS MCP Server with evaluated skills for IaC, serverless, containers and billing. Calling AWS APIs requires configured credentials.
- [Paper Search MCP](https://hebbmind.com/mcp/paper-search-mcp.md): [MCP] Unified search across 20+ academic sources including arXiv, PubMed, bioRxiv, Semantic Scholar and OpenAlex, returning deduplicated, normalized results and downloading full text via open-access channels first. Most sources need no API key.
- [Landing Page Design](https://hebbmind.com/skill/landing-page-design.md): [Skill] Builds landing pages in two halves: intake questions, page structure, layout choice, conversion copy and SEO first, then a strict visual system for fonts, Tailwind type scale, spacing, radius, backgrounds, icons and motion. The rules are opinionated, e.g. no Inter font and no background gradients.
- [Claude-Supermemory](https://hebbmind.com/plugin/claude-supermemory.md): [Plugin] Supermemory's official Claude Code plugin: hooks save memories automatically when a session ends and recall them on demand, giving persistent memory across sessions and projects, with shared project memory for teams. Needs a Supermemory API key and Node.js 18+.
- [myclaude](https://hebbmind.com/plugin/myclaude.md): [Plugin] Plugin marketplace for multi-agent dev workflows: omo multi-agent orchestration, BMAD agile role flows, requirements-driven development, SPARV and common dev commands, delegating coding tasks to Codex, Claude, Gemini and other backends (their CLIs installed separately). AGPL licensed.
- [Antigravity CLI](https://hebbmind.com/cli/antigravity-cli.md): [CLI] Google's official terminal coding agent and successor to Gemini CLI: understands your codebase and, with your approval, edits files and runs commands. Shares its engine and settings with the Antigravity 2.0 desktop app. Closed source; sign in with a Google account; free tier included.
- [shot-scraper](https://hebbmind.com/cli/shot-scraper.md): [CLI] Simon Willison's website screenshot CLI: batch screenshots from YAML, record demo videos, export PDF and HTML, run JavaScript in pages to extract data, and dump accessibility trees. Built on Playwright; install a browser on first use.
- [Figma Console MCP](https://hebbmind.com/mcp/figma-console-mcp.md): [MCP] Lets agents read and write Figma: extract variables, components and styles, create and edit screens, FigJam boards and slides on the canvas, and run accessibility checks and design-system audits. Needs a Figma personal access token, the Figma desktop app, Node.js and the companion plugin.
- [Modern Web Guidance](https://hebbmind.com/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.
- [MFLUX](https://hebbmind.com/cli/mflux.md): [CLI] Runs open image models like FLUX, Qwen Image and Z-Image locally on a Mac: text-to-image, reference-based edits, inpainting and upscaling, all on-device. Needs Apple Silicon and uv; the first run downloads models and is slow. Check each model's license before commercial use.
- [Tavily MCP Server](https://hebbmind.com/mcp/tavily-mcp.md): [MCP] Four tools for real-time web search, page content extraction, site mapping and full-site crawling, available as a remote server or run locally. Maintained by Tavily; needs an API key or OAuth sign-in, and a free account is available.
- [Supabase CLI](https://hebbmind.com/cli/supabase-cli.md): [CLI] Supabase's official CLI: runs the full backend stack locally (Postgres, Auth, Storage, Edge Functions), manages database migrations, generates types and deploys functions. The local stack requires Docker.
- [Terraform Skill](https://hebbmind.com/skill/terraform-skill.md): [Skill] Terraform and OpenTofu best practices from Anton Babenko: diagnoses the failure mode first, then guides testing, module structure, state management, CI/CD and security scanning. Works for AWS, Azure and GCP.
- [TDD Guard](https://hebbmind.com/plugin/tdd-guard.md): [Plugin] Uses hooks to enforce test-driven development in Claude Code: blocks implementation without a failing test, prevents code beyond what tests require, and can use lint results to push refactoring. Needs Node.js 22+. Still maintained, but the author suggests its successor Probity for new projects.
- [Agent Skills for WordPress](https://hebbmind.com/skill/agent-skills.md): [Skill] WordPress's official skill collection: block development, block themes, plugin architecture, REST API, Interactivity API, WP-CLI, performance profiling and Playground, so agents write code to modern WordPress standards and avoid common security pitfalls.
- [MiniMax CLI (mmx)](https://hebbmind.com/cli/minimax-ai-cli.md): [CLI] MiniMax's official CLI, built for agents: chat with MiniMax models from the terminal and generate images, video and speech, plus speech transcription, image understanding and web search. Works with the international platform. Requires a MiniMax Token Plan subscription.
- [Kubernetes MCP Server](https://hebbmind.com/mcp/kubernetes-mcp-server.md): [MCP] A native Go MCP server for Kubernetes and OpenShift: talks to the API server directly to create, read, update and delete any resource, view pod logs, exec commands and install Helm charts, without needing kubectl. Supports multiple clusters.
- [TypeUI Design Fundamentals](https://hebbmind.com/skill/typeui.md): [Skill] TypeUI's design fundamentals skill: general UI and interaction principles covering visual hierarchy, spacing, typography, 30 laws of interaction and WCAG accessibility. Needs Node.js to install; the TypeUI design-system library needs its hosted MCP and sign-in.
- [Figma Design to Code](https://hebbmind.com/skill/figma-implement-design.md): [Skill] Turns Figma designs into production code in your project, using the design screenshot as the visual target and reusing existing components, design tokens and Code Connect mappings first. Maintained by Figma; needs the Figma MCP server (free plans get only 6 calls a month).
- [Figma MCP Server Guide](https://hebbmind.com/plugin/mcp-server-guide.md): [Plugin] Figma's official plugin: connects the remote Figma MCP server and bundles skills for design-to-code, Code Connect, and generating designs and libraries, letting agents read design context and write to the canvas. Needs a Figma account; Starter plans and View/Collab seats get 6 calls a month.
- [Figma Skills (mcp-server-guide)](https://hebbmind.com/skill/figma-skills.md): [Skill] Figma's official skill collection: implement designs as code, map components with Code Connect, generate design-system libraries from code, and build screens and FigJam diagrams on the canvas. Needs the Figma MCP server; canvas writes are in beta and currently free.
- [Figma Use](https://hebbmind.com/skill/figma-use.md): [Skill] Figma's official skill that teaches agents to run Plugin API scripts via use_figma, creating and editing nodes, components, variables and auto layout directly on the canvas. Load it before any use_figma call. Needs a Figma account and the remote MCP server.
- [figma-generate-design](https://hebbmind.com/skill/figma-generate-design.md): [Skill] Builds editable Figma designs on the canvas from screens, modals or sidebars in your code, or from a text description, reusing components and variables from the file's published design system first. Maintained by Figma; needs the remote Figma MCP server and the figma-use skill.
- [OSS Review Toolkit (ORT)](https://hebbmind.com/cli/ort.md): [CLI] The Linux Foundation's open-source compliance toolchain: analyzes project dependencies, scans licenses and copyrights, checks known vulnerabilities, flags policy violations and generates SBOMs and notice files. Needs Java 25 or Docker and ideally 8 GB RAM; have legal review license findings.
- [Freshservice CLI (Printing Press)](https://hebbmind.com/cli/freshservice.md): [CLI] Unofficial Freshservice CLI built with Printing Press: lets AI check an IT agent's queue, flag tickets near SLA breach, search tickets and the knowledge base, gauge team workload, spot recurring issues and KB gaps, and manage changes and assets. Needs a Freshservice account and API key.
- [Azure DevOps MCP Server](https://hebbmind.com/mcp/azure-devops-mcp.md): [MCP] Microsoft's official Azure DevOps MCP server: query and act on work items, repos, pull requests, build pipelines, test plans and wikis. Sign in with a Microsoft account that has access on first use; Microsoft recommends the no-install remote version instead.
- [GitLab MCP Server](https://hebbmind.com/mcp/gitlab-mcp.md): [MCP] Community-maintained GitLab MCP server: manage projects, merge requests, issues, pipelines, wikis and releases, with support for self-hosted instances and a read-only mode. Needs a GitLab personal access token or OAuth.
- [MCP Memory Service](https://hebbmind.com/mcp/mcp-memory-service.md): [MCP] Self-hostable long-term memory for agents, offering MCP, a REST API and a web dashboard: semantic search, knowledge graph and automatic memory consolidation. Embeddings are computed locally; choose SQLite, Cloudflare or Milvus as the backend.
- [Design DNA](https://hebbmind.com/skill/design-dna.md): [Skill] Breaks reference UIs you like (screenshots, images or URLs) into a structured design DNA JSON covering design tokens, overall style and visual effects, then builds new pages from your content in that style. Installing needs Node.js; no API key required.
- [Languine](https://hebbmind.com/cli/languine.md): [CLI] AI localization: deploy the server to your own Vercel account (Postgres and AI Gateway included; enable deployment protection afterwards), then run npx languine@selfhosted translate to translate locale files with LLMs. A GitHub Action can open PRs. Needs a Vercel account and Node.js.
- [glTF Transform](https://hebbmind.com/cli/gltf-transform.md): [CLI] SDK and CLI for reading, editing and optimizing glTF 2.0 3D models: one optimize command does it all, or run Draco and Meshopt geometry compression, texture resizing and WebP or KTX2 compression separately. Suits game and web 3D assets.
- [glTF Transform CLI](https://hebbmind.com/cli/donmccurdy-cli.md): [CLI] Command-line tool for inspecting, compressing and optimizing glTF/GLB 3D models, with Draco and Meshopt mesh compression, texture resizing and WebP/KTX2 compression; a single optimize command handles it all.
- [Microsoft Learn MCP Server](https://hebbmind.com/mcp/microsoftdocs-mcp.md): [MCP] Searches and reads official Microsoft Learn documentation and code samples for Azure, .NET and more, so agents give fewer outdated answers about Microsoft tech. Maintained by Microsoft; the remote server is free and needs no key.
- [Netlify CLI](https://hebbmind.com/cli/netlify-cli.md): [CLI] Netlify's official CLI: deploy sites, run projects locally with Netlify Dev, manage environment variables, Functions and Blobs, and call the Netlify API directly. Needs Node.js 22.13+ and a Netlify account.
- [Apple Design](https://hebbmind.com/skill/apple-design.md): [Skill] Reviews mobile and desktop app designs against Apple's Human Interface Guidelines, bundled as 123 pages from developer.apple.com, citing the exact guideline through five review lenses, and flags generic, templated choices. Works on screenshots, mockups or code for SwiftUI, Flutter or Electron.
- [Serverless Devs](https://hebbmind.com/cli/serverless-devs.md): [CLI] Full-lifecycle tool for serverless apps (the s command): describe an app in YAML and deploy it to FaaS platforms such as Alibaba Cloud Function Compute, AWS Lambda and Tencent Cloud SCF, with CI/CD integration. A CNCF Sandbox project; needs cloud provider credentials.
- [CC Safety Net](https://hebbmind.com/plugin/cc-safety-net.md): [Plugin] Before tool calls run, blocks destructive Git and file commands (git reset --hard, rm -rf) and access to sensitive files like SSH keys and .env. Parses command semantics, so bash -c wrappers are caught too. Works with Claude Code, Codex and other coding CLIs; needs Node.js 18+.
- [evil-read-arxiv](https://hebbmind.com/skill/evil-read-arxiv.md): [Skill] Recommends daily papers from arXiv and Semantic Scholar by research interest, reads them and writes illustrated Obsidian notes and a paper graph; can also search venues like CVPR and NeurIPS. Needs Python 3, Obsidian, a vault path and an interests config; the web app needs an Anthropic API key.
- [flyctl](https://hebbmind.com/cli/flyctl.md): [CLI] Fly.io's official CLI (fly): sign in, create and deploy apps, and list apps and check their status, reading fly.toml in the current directory to identify the app. Needs a Fly.io account.
- [gh-stack](https://hebbmind.com/skill/gh-stack.md): [Skill] Manages stacked branches and dependent pull requests with the gh stack GitHub CLI extension: splits work into layered branches with one PR each, then handles push, submit, sync, rebase and merge, using flags that keep commands non-interactive for agents. Official GitHub skill.

Next page: https://hebbmind.com/tools.md?page=12&profession=frontend%2Cdevops%2Calgorithm
