# Tools > Every listed resource, editors’ picks first. The filters below can be combined. - Search: append `?q=` 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=` to the URL. - Filter by profession: append `?profession=` 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=` 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. - [Azure CLI](https://hebbmind.com/cli/azure-cli.md): [CLI] Microsoft's official Azure CLI (az) for managing VMs, storage, resource groups and other Azure resources, with JMESPath queries, table or JSON output and clear exit codes for scripting. Run az login first. - [Wrangler](https://hebbmind.com/cli/wrangler.md): [CLI] Cloudflare's official Workers CLI: develop and debug Workers locally, deploy them, manage D1, R2, KV and other resources, and tail live logs. Cloudflare recommends installing it per project; requires a Cloudflare account. - [trash-cli](https://hebbmind.com/cli/trash-cli.md): [CLI] Moves files to the trash instead of deleting them, with commands to list, restore and empty trashed files, so anything an agent deletes by mistake can be recovered. Follows the FreeDesktop.org trash spec and shares the trash with GNOME and KDE. - [Firebase CLI](https://hebbmind.com/cli/firebase-tools.md): [CLI] Firebase's official CLI: deploy Hosting, Cloud Functions and security rules, run local emulators, read and write databases and import or export users. The same repo also provides the official Firebase MCP server. Requires a Firebase sign-in. - [Firebase MCP Server](https://hebbmind.com/mcp/firebase-mcp.md): [MCP] Lets agents manage Firebase projects: read and write Firestore and Realtime Database, manage Auth users, validate security rules, and check Crashlytics crashes and function logs. Maintained by Firebase; sign in to the Firebase CLI first. - [mgrep](https://hebbmind.com/cli/mgrep.md): [CLI] Mixedbread's official semantic grep: search code, text, PDFs and images in natural language, and hook it into Claude Code, Codex and other coding agents in one step to cut token use. Requires a Mixedbread sign-in, and files are synced to its cloud index. - [designlang](https://hebbmind.com/cli/design-extract.md): [CLI] Reads any website's design system in a headless browser and exports DTCG design tokens, Tailwind config, Figma variables and a brand guide in one command, scoring contrast and cross-page consistency. Also an MCP server or Claude Code plugin. Needs Node.js and Chromium or Chrome. - [Gemini API Dev](https://hebbmind.com/skill/gemini-api-dev.md): [Skill] Teaches agents to code against the latest Gemini API and Python/TypeScript SDKs: multi-turn chat, function calling, structured output, and image and speech generation, while avoiding deprecated older models. Maintained by Google's Gemini team. - [Gemini Skills](https://hebbmind.com/skill/gemini-skills.md): [Skill] Gemini API development skills: gemini-api-dev (core API and SDKs), gemini-live-api-dev (real-time bidirectional audio/video streaming) and gemini-omni-flash-api (Omni video generation and editing), filling in APIs released after model training cutoffs. Maintained by Google's Gemini team. - [Oxipng](https://hebbmind.com/cli/oxipng.md): [CLI] Multithreaded lossless PNG optimizer that shrinks screenshots, slices and icons in bulk without quality loss and strips unneeded metadata, handy for design handoff or compressing images before a site launch. Install with Homebrew on macOS. - [resvg](https://hebbmind.com/cli/resvg.md): [CLI] High-fidelity SVG rendering library and CLI that exports SVG icons and illustrations to PNG at chosen sizes, good for batch asset export. No system dependencies, with pixel-identical output across platforms. No SVG animation support; install with cargo or grab a macOS build from Releases. - [Tolgee Platform](https://hebbmind.com/mcp/tolgee-platform.md): [MCP] Open-source, self-hostable localization platform with a built-in MCP server: agents search keys, create and edit translations, manage languages and run machine translation. Works with Tolgee Cloud or your own instance; create a project API key or personal access token in settings. - [Nali](https://hebbmind.com/cli/nali.md): [CLI] Terminal tool for offline IP geolocation and CDN provider lookup, supporting QQwry, GeoIP2, ip2region and other databases. Pipe output from dig, nslookup and similar commands through it to annotate IPs automatically. - [Container Use](https://hebbmind.com/mcp/container-use.md): [MCP] From Dagger: gives every coding agent an isolated container and Git branch so several agents can work in parallel, and you can view command logs, take over the terminal or discard results anytime. Needs Docker and Git locally; still experimental. - [Container Use](https://hebbmind.com/cli/container-use.md): [CLI] From Dagger: gives each coding agent its own container and git branch so multiple agents work in parallel without interfering, with command logs and the ability to take over the terminal at any time. Connects via MCP; needs Docker and Git. Still experimental. - [lychee](https://hebbmind.com/cli/lychee.md): [CLI] Fast async link checker written in Rust that scans websites and Markdown, HTML and other files for broken links and email addresses, with JSON output, config files and an official GitHub Action, often wired into docs CI. - [Hugging Face CLI](https://hebbmind.com/cli/huggingface-hub.md): [CLI] Hugging Face's official hf CLI: search, download and upload models and datasets, manage repos and storage buckets, and run jobs on Hugging Face's cloud. Output adapts automatically for agents, and hf skills add installs companion skills. Uploads and similar actions need a login. - [Dembrandt](https://hebbmind.com/cli/dembrandt.md): [CLI] Extracts any website's logo, colors, fonts, spacing, shadows and motion in one command, exporting W3C design tokens, a Tailwind theme, DESIGN.md or a brand guide PDF, plus WCAG contrast checks. Good for competitor and brand audits. Needs Node.js 18+; run dembrandt install-browser first. - [Azure MCP Server](https://hebbmind.com/mcp/azure-mcp-server.md): [MCP] Microsoft's official Azure MCP: one server covering dozens of Azure services, including Storage, Cosmos DB, AKS, App Service, Key Vault and Monitor, so agents can query and manage cloud resources. Sign in to Azure first. - [Make Interfaces Feel Better](https://hebbmind.com/skill/make-interfaces-feel-better.md): [Skill] Design engineer Jakub Krehel's UI polish skill covering animation, typography, icons, hover states, optical alignment, concentric radii, shadows and hit areas, with quick and full review modes, so agents get the details right when building or reviewing UI. Works on web code; needs Node.js. - [NVIDIA Agent Skills](https://hebbmind.com/skill/nvidia-skills.md): [Skill] NVIDIA's official, verified catalog of hundreds of skills covering CUDA-X libraries, NeMo training, NIM and Dynamo inference, RAG blueprints, Jetson, Omniverse and robotics simulation. The install adds only nvidia-skill-finder, which recommends other skills and installs them once you confirm. - [NVIDIA Agent Skills](https://hebbmind.com/plugin/nvidia-skills.md): [Plugin] NVIDIA's official plugin that finds and installs the right skills from NVIDIA's catalog for your task, spanning CUDA acceleration, NIM inference, NeMo training, RAG blueprints, Omniverse simulation and robotics. Listed in both the Claude and Codex official marketplaces. - [Three.js Geometry](https://hebbmind.com/skill/threejs-geometry.md): [Skill] Three.js geometry reference with code: parameters for built-in shapes like boxes, spheres, cylinders and tori, building custom meshes from vertices with BufferGeometry, and instanced rendering for large numbers of objects. - [Three.js Post-Processing](https://hebbmind.com/skill/threejs-postprocessing.md): [Skill] Three.js post-processing reference with code: chaining passes with EffectComposer, adding bloom, depth of field, color grading, blur and glow, and writing custom screen-space shader passes. - [Three.js Shaders](https://hebbmind.com/skill/threejs-shaders.md): [Skill] Three.js shader reference with code: writing GLSL vertex and fragment shaders, ShaderMaterial versus RawShaderMaterial, uniforms and animating them, and extending built-in materials for custom visual effects. - [Three.js Materials](https://hebbmind.com/skill/threejs-materials.md): [Skill] Three.js materials reference with code: when to use Basic, Lambert, Phong, Standard, Physical, Toon and other materials, PBR properties such as roughness and metalness, custom ShaderMaterial and material performance. - [Three.js Fundamentals](https://hebbmind.com/skill/threejs-fundamentals.md): [Skill] Three.js fundamentals with code: setting up the scene, cameras and WebGLRenderer, Object3D hierarchy, coordinate systems and transforms, the render loop and resize handling. A starting point for building a 3D scene on the web. - [Three.js Lighting](https://hebbmind.com/skill/threejs-lighting.md): [Skill] Three.js lighting reference with code: ambient, hemisphere, directional, point, spot and area lights with their cost and shadow support, shadow setup, image-based environment lighting and lighting performance tips. - [Three.js Loaders](https://hebbmind.com/skill/threejs-loaders.md): [Skill] Three.js asset loading reference with code: loading GLTF models, textures, images and HDR environments, coordinating loaders and progress with LoadingManager, and async loading patterns. - [Three.js Textures](https://hebbmind.com/skill/threejs-textures.md): [Skill] Three.js texture reference with code: loading and configuring texture maps, UV mapping, cubemaps and HDR environment maps, texture settings and optimization. - [Three.js Animation](https://hebbmind.com/skill/threejs-animation.md): [Skill] Three.js animation reference with code: procedural motion with Clock, the AnimationClip, AnimationMixer and AnimationAction keyframe system, playing GLTF animations, skeletal animation, morph targets and blending multiple animations. - [Three.js Interaction](https://hebbmind.com/skill/threejs-interaction.md): [Skill] Three.js interaction reference with code: raycasting for click detection and object selection, camera controls such as OrbitControls, and mouse and touch input handling for interactive 3D experiences. - [Build with Claude](https://hebbmind.com/plugin/buildwithclaude.md): [Plugin] Community plugin marketplace bundling hundreds of subagents, slash commands, hooks and skills by category, installable individually or all at once, with the buildwithclaude.com site for browsing community plugins and MCP servers. - [Grafana MCP Server](https://hebbmind.com/mcp/mcp-grafana.md): [MCP] Grafana's official MCP: search and edit dashboards, query Prometheus, Loki and other data sources, and view alerts, incidents and OnCall schedules to help with troubleshooting. Needs a Grafana URL and a service account token. - [Postgres MCP Pro](https://hebbmind.com/mcp/postgres-mcp.md): [MCP] PostgreSQL MCP server with database health checks, index tuning, EXPLAIN plan analysis and hypothetical index simulation, plus safe read-only SQL execution in restricted mode. - [kubectl](https://hebbmind.com/cli/kubectl.md): [CLI] Kubernetes' official CLI for inspecting and managing Pods, Deployments, Services and other cluster resources, reading logs, executing commands in containers and applying YAML manifests. Requires a working kubeconfig for cluster access. - [Playwright Skill](https://hebbmind.com/skill/playwright-skill.md): [Skill] Lets agents write and run Playwright scripts on the fly for browser testing and automation, auto-detecting local dev servers, with screenshots, responsive checks, login flows and link checking. After installing, run npm run setup in the skill directory. - [Playwright Skill](https://hebbmind.com/plugin/playwright-skill.md): [Plugin] Lets agents write and run Playwright scripts on the fly for browser automation: page tests, UX checks and multi-step flows, opening a visible browser by default and auto-detecting local dev servers. After installing the plugin, run npm run setup in the skill directory. - [arXiv MCP Server](https://hebbmind.com/mcp/arxiv-mcp-server.md): [MCP] Search and download arXiv papers and read the authors' LaTeX source section by section, export BibTeX and follow topic updates, with papers cached locally. No API key needed. - [Cloudflare Agents SDK](https://hebbmind.com/skill/agents-sdk.md): [Skill] Teaches agents to build, debug and review stateful AI agents with the Cloudflare Agents SDK: state sync, scheduled tasks, RPC, MCP servers, email and streaming chat, checking the latest official docs first. Maintained by Cloudflare. - [Cloudflare](https://hebbmind.com/skill/cloudflare.md): [Skill] Cloudflare's official overview skill: recommends platform products such as Workers, R2, D1, Durable Objects, Containers and AI for your needs, then loads the matching sub-skills and docs. The same repo has dedicated skills for Wrangler, the Agents SDK and more. - [Cloudflare Skills](https://hebbmind.com/skill/cloudflare-skills.md): [Skill] Cloudflare's official skills with build and deploy guidance for Workers, Wrangler, Durable Objects, the Agents SDK, Sandbox, Email Service and Cloudflare One; the plugin version also bundles the official MCP. - [Cloudflare Skills](https://hebbmind.com/plugin/cloudflare-skills.md): [Plugin] Cloudflare's official plugin with skills for Workers, Durable Objects, the Agents SDK, Wrangler, Sandbox and web performance audits, plus the Cloudflare API MCP for account data and up-to-date docs. - [Microsoft Agent Skills](https://hebbmind.com/skill/microsoft-skills.md): [Skill] Microsoft's official skill collection: 170+ skills focused on Azure SDKs (Python, .NET, TypeScript, Java, Rust) and Microsoft Foundry development, plus plugins, custom agents and MCP configs. Microsoft recommends picking skills per project rather than installing them all. - [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+. - [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. - [Vue Debug Guides](https://hebbmind.com/skill/vue-debug-guides.md): [Skill] Debugging index for Vue 3: maps common symptoms in reactivity, computed, watchers, components, props and emits, templates, forms and v-model, lifecycle, slots, TypeScript and SSR hydration to reference notes that explain the cause and the fix. - [Vue JSX Best Practices](https://hebbmind.com/skill/vue-jsx-best-practices.md): [Skill] Covers how JSX in Vue differs from React JSX, such as class instead of className and JSX plugin config, for migrating React JSX to Vue or fixing attribute type errors. A brief skill that points to a single reference note. - [Vue Options API Best Practices](https://hebbmind.com/skill/vue-options-api-best-practices.md): [Skill] For Vue 3 projects on the Options API (data(), methods, this): how to get TypeScript inference with defineComponent and type props, event handlers and computed values, plus gotchas like avoiding arrow functions in methods and lifecycle hooks and not sharing debounced state across instances. - [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. Next page: https://hebbmind.com/tools.md?page=11&profession=frontend%2Cdevops%2Calgorithm