# 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 or Data engineering: 808 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. > - Data engineering: Data pipelines, warehouse modeling, ETL and data quality. - [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. - [qsv](https://hebbmind.com/ja/cli/qsv.md): [CLI] Fast Rust toolkit for tabular data with nearly 80 subcommands for querying, stats, cleaning, validation, joins and format conversion on CSV and Excel. Also offers an MCP server and a Claude Cowork plugin. - [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. - [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. - [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. - [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. - [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. - [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. - [SQLMesh](https://hebbmind.com/ja/cli/sqlmesh.md): [CLI] Framework for writing data transformation models in SQL or Python, with a Terraform-like plan/apply flow, virtual data environments, unit tests and table diffs, and transpilation across 10+ SQL dialects. A Linux Foundation project and an alternative to dbt. - [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 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 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. - [Create Adaptable Composable](https://hebbmind.com/ja/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/ja/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 Testing Best Practices](https://hebbmind.com/ja/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. - [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. - [Cloudflare Agents SDK](https://hebbmind.com/ja/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 Skills](https://hebbmind.com/ja/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/ja/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. - [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. - [Microsoft Agent Skills](https://hebbmind.com/ja/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. - [Flutter Agent Plugins](https://hebbmind.com/ja/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/ja/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/ja/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+. - [Web Quality Skills](https://hebbmind.com/ja/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/ja/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. - [Rill](https://hebbmind.com/ja/cli/rill.md): [CLI] Open-source, agent-friendly BI: define metrics and dashboards in YAML and SQL, and rill init generates project instructions and MCP config for Claude Code so agents can build business dashboards and answer questions in natural language. Local use is free; publishing to Rill Cloud needs an account. - [Supabase Postgres Best Practices](https://hebbmind.com/ja/skill/supabase-postgres-best-practices.md): [Skill] Postgres rules ranked by impact: query optimization, indexing, connection pooling, RLS security, schema design and lock troubleshooting, with wrong-vs-right SQL examples, applicable to any Postgres. Maintained by Supabase. - [Paper Search MCP](https://hebbmind.com/ja/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. - [Claude-Supermemory](https://hebbmind.com/ja/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/ja/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. - [Bright Data MCP](https://hebbmind.com/ja/mcp/brightdata-mcp.md): [MCP] Bright Data's official MCP: web search (Google, Bing, Yandex), any page to Markdown, structured data extraction from e-commerce, social and other platforms, and remote browser control. Needs an API token; includes 5,000 free requests a month. - [Antigravity CLI](https://hebbmind.com/ja/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. - [Figma Console MCP](https://hebbmind.com/ja/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. - [shot-scraper](https://hebbmind.com/ja/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. - [Modern Web Guidance](https://hebbmind.com/ja/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/ja/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/ja/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/ja/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/ja/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/ja/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. Next page: https://hebbmind.com/ja/tools.md?page=12&profession=frontend%2Cdevops%2Calgorithm%2Cdata-engineering