# 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. - [Claude Plugins Community](https://hebbmind.com/ja/plugin/claude-plugins-community.md): [Plugin] Read-only mirror of the community plugin marketplace maintained by Anthropic, with 2,000+ community plugins that passed submission review and automated security scans, for Claude Code and Claude Cowork. - [Wrangler](https://hebbmind.com/ja/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. - [Azure CLI](https://hebbmind.com/ja/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. - [trash-cli](https://hebbmind.com/ja/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/ja/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/ja/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/ja/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/ja/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/ja/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/ja/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/ja/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/ja/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/ja/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/ja/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/ja/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/ja/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/ja/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/ja/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/ja/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. - [Make Interfaces Feel Better](https://hebbmind.com/ja/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. - [Three.js Loaders](https://hebbmind.com/ja/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 Post-Processing](https://hebbmind.com/ja/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. - [Azure MCP Server](https://hebbmind.com/ja/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. - [Three.js Animation](https://hebbmind.com/ja/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 Geometry](https://hebbmind.com/ja/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 Interaction](https://hebbmind.com/ja/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. - [Three.js Shaders](https://hebbmind.com/ja/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 Textures](https://hebbmind.com/ja/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 Fundamentals](https://hebbmind.com/ja/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/ja/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 Materials](https://hebbmind.com/ja/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. - [NVIDIA Agent Skills](https://hebbmind.com/ja/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. - [NVIDIA Agent Skills](https://hebbmind.com/ja/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. - [Build with Claude](https://hebbmind.com/ja/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/ja/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/ja/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/ja/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. - [Expo](https://hebbmind.com/ja/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/ja/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. - [Agent Toolkit for AWS](https://hebbmind.com/ja/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. - [Agent Skills for AWS](https://hebbmind.com/ja/skill/aws-skills.md): [Skill] AWS's official skills (Agent Toolkit for AWS) covering IAM, CDK/CloudFormation, serverless, containers, observability, cost management and Bedrock, plus service-specific skills. Running AWS operations requires locally configured credentials. - [Playwright Skill](https://hebbmind.com/ja/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. - [Playwright Skill](https://hebbmind.com/ja/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. - [arXiv MCP Server](https://hebbmind.com/ja/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. - [Vue JSX Best Practices](https://hebbmind.com/ja/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/ja/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/ja/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 Debug Guides](https://hebbmind.com/ja/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 Router Best Practices](https://hebbmind.com/ja/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. - [Cloudflare](https://hebbmind.com/ja/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. Next page: https://hebbmind.com/ja/tools.md?page=11&profession=frontend%2Cdevops%2Calgorithm