# 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 or Data engineering or Data analysis: 901 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.
> - Data analysis: Querying, statistical analysis, reporting and visualization.

- [FRED MCP Server](https://hebbmind.com/ja/mcp/fred-mcp-server.md): [MCP] Connects to the St. Louis Fed's FRED database: search and pull 800,000+ macroeconomic time series (GDP, unemployment, inflation, interest rates) with built-in year-over-year and period-over-period changes. For macro research, investing and teaching. Needs a free FRED API key and Node.js.
- [Lokalise CLI v2](https://hebbmind.com/ja/cli/lokalise-cli-2-go.md): [CLI] Lokalise's official CLI (lokalise2) covering the Lokalise API v2: upload and download language files and manage keys, translations, screenshots, translation tasks and contributors. Needs a Lokalise account (paid, 14-day free trial) and an API token passed via --token.
- [Alibaba Cloud ACK MCP Server](https://hebbmind.com/ja/mcp/alibabacloud-ack-mcp-server.md): [MCP] Lets agents inspect Alibaba Cloud ACK clusters, run kubectl operations, query Prometheus metrics, control-plane and audit logs, and run resource diagnostics and health checks. Maintained by Alibaba Cloud; needs an AccessKey and cluster RBAC permissions.
- [MCP Server Plugin for Jenkins](https://hebbmind.com/ja/mcp/mcp-server-plugin.md): [MCP] Jenkins plugin that turns Jenkins itself into an MCP server: agents can list jobs, trigger and rerun builds, page through and search build logs, and view test results and SCM info. Hosted in the official jenkinsci organization; authenticates with a Jenkins API token over Basic auth.
- [WebGL Components](https://hebbmind.com/ja/skill/webgl-components.md): [Skill] Guides building small always-on WebGL visuals (avatars, ambient orbs, glass and iridescent surfaces) inside product UI: one shared context, a single capped frame loop, cheap fragment shaders, context-loss handling, a mandatory non-WebGL fallback, and React SSR and Server Components pitfalls.
- [Prefer Container Queries](https://hebbmind.com/ja/skill/prefer-container-queries.md): [Skill] Makes the agent use Tailwind container queries instead of viewport breakpoints for responsive components, migrating sm:/md:/lg: classes to @container variants. Explains when page-level layout should keep viewport breakpoints and lists common review mistakes. Tailwind v3 needs a plugin.
- [Accessibility Diff](https://hebbmind.com/ja/skill/accessibility-diff.md): [Skill] Diffs a live page's accessibility violations against a baseline, stashing uncommitted changes by default or comparing with a branch, and reports new, fixed and pre-existing WCAG issues with selectors and fixes. Locates only, no edits. Runs AccessLint's Chrome and CLI tools via npx.
- [Accessibility Scan](https://hebbmind.com/ja/skill/accessibility-scan.md): [Skill] Runs the AccessLint rule engine against a live page and returns a worklist of WCAG 2.2 violations, each with its DOM selector, source file and line when mapped, evidence and a suggested fix. Locates without editing; sets up a debuggable Chrome and runs the CLI via npx.
- [Neon Postgres](https://hebbmind.com/ja/plugin/neon-postgres.md): [Plugin] Neon's official plugin combining the Neon MCP and skills to manage serverless Postgres: projects and branches, object storage, Functions and the AI Gateway. Signs in to Neon via OAuth the first time you use the MCP.
- [Google Ads API Developer Assistant](https://hebbmind.com/ja/plugin/google-ads-api-developer-assistant.md): [Plugin] Official Google Ads API assistant: ask in plain language, generate and validate GAQL queries, run them to export account data to CSV, and debug offline conversion uploads. Account-changing code is generated, not run. Needs a developer token, credentials file and Python 3.10+.
- [Wolfram AgentTools](https://hebbmind.com/ja/mcp/agenttools.md): [MCP] Wolfram's official agent tools: use the Wolfram Language and Wolfram|Alpha for symbolic and numeric math and scientific and statistical data, for teaching and research. The command runs the official Docker image with a free developer license; Wolfram 15+ users can install it in the app.
- [GeoServer MCP Server](https://hebbmind.com/ja/mcp/geoserver-mcp.md): [MCP] Connects to GeoServer's REST API so agents can manage workspaces, data stores, layers and styles, run CQL spatial queries, and access features and render maps via WMS/WFS, for publishing and maintaining map services. Needs a running GeoServer with an admin account, Python 3.10+ and uv.
- [PostHog](https://hebbmind.com/ja/plugin/ai-plugin.md): [Plugin] PostHog's official plugin with a built-in MCP and 30+ skills: query product analytics, feature flags, A/B experiments, dashboards and error tracking from chat, and optionally send Claude Code sessions to LLM Analytics. Needs OAuth sign-in with a PostHog account.
- [render-deploy](https://hebbmind.com/ja/skill/render-deploy.md): [Skill] Analyzes your codebase and generates a render.yaml Blueprint, or creates services directly through the Render MCP, to deploy apps to Render. Maintained by Render and included in OpenAI's curated skills. Needs a Render account and code pushed to GitHub, GitLab or Bitbucket.
- [Twelve Data MCP Server](https://hebbmind.com/ja/mcp/twelvedata-mcp.md): [MCP] Twelve Data's official MCP: real-time and historical prices for stocks, ETFs, forex and crypto, 60+ technical indicators, plus financials, dividends, fund holdings, company news and SEC filings. Hosted; sign in with your Twelve Data account in the browser, no API key to copy.
- [MLflow Skills](https://hebbmind.com/ja/plugin/mlflow-skills.md): [Plugin] MLflow's official skills plugin: lets coding agents add MLflow Tracing to LLM apps, analyze failed traces, build evaluation datasets and scorers, and query token and latency metrics, closing the instrument, evaluate, iterate loop. Needs MLflow 3.8+.
- [SimpleLocalize CLI](https://hebbmind.com/ja/cli/simplelocalize-cli.md): [CLI] SimpleLocalize's official CLI: upload and download translation files, trigger machine and AI auto-translation, publish translations to the CDN, and extract translation keys from source code for CI. Needs a SimpleLocalize account and project API key; paid service with a 14-day free trial.
- [Zendesk CLI (ZCLI)](https://hebbmind.com/ja/cli/zcli.md): [CLI] Zendesk's official CLI: preview, import and publish Help Center themes locally, and create, package and deploy Zendesk apps such as ticket sidebar apps. Needs a Zendesk account, Node.js 20.17+ and yarn, some HTML/CSS for themes; run zcli login first.
- [Pulumi Agent Skills](https://hebbmind.com/ja/skill/pulumi-agent-skills.md): [Skill] Pulumi's official skills: Pulumi program best practices, components and the Automation API, ESC secrets and config, debugging failed pulumi up runs, and migrating from Terraform, CDK, CloudFormation or ARM to Pulumi.
- [Pulumi Agent Skills](https://hebbmind.com/ja/plugin/pulumi-agent-skills.md): [Plugin] Pulumi's official plugin marketplace: write infrastructure as code in TypeScript, Python, Go and more, migrate from Terraform, CDK, CloudFormation or ARM, and manage ESC secrets and config. Works with both Claude Code and Codex.
- [locize-cli](https://hebbmind.com/ja/cli/locize-cli.md): [CLI] Locize's official CLI: sync local translation files with the Locize platform, add, remove and look up keys, download published translations, manage versions and branches, and export JSON, XLIFF, PO, CSV or Excel for translators. Needs a Locize account, project ID and API key; free plan available.
- [Pinecone Plugin for Claude Code](https://hebbmind.com/ja/plugin/pinecone-claude-code-plugin.md): [Plugin] Pinecone's official plugin: bundles the Pinecone MCP server and /pinecone skill commands to create vector indexes, upsert data, search in plain language, or build a document Q&A assistant with citations from Claude Code. Needs a Pinecone API key (free sign-up); Assistant features also need uv.
- [Agent Skills for Healthcare & Life Sciences](https://hebbmind.com/ja/skill/hcls-agent-skills.md): [Skill] 42 official AWS skills for healthcare and life sciences: medical coding and terminology mapping, FHIR/HL7 parsing, claims and prior authorization rules, medical imaging, pharmacoepidemiology and genomics, per US standards. Some need local software. Not for clinical decisions; expert review required.
- [Audit Design System](https://hebbmind.com/ja/skill/audit-design-system.md): [Skill] Audits a Figma screen or component for design-system drift, read-only: shared primitives rebuilt as plain frames, hard-coded values instead of variables, and variant drift. Each finding cites structural evidence and may suggest a replacement. Outputs Markdown or JSON; needs Figma MCP.
- [Vault MCP Server](https://hebbmind.com/ja/mcp/vault-mcp-server.md): [MCP] HashiCorp's official MCP: lets agents manage Vault mounts, read and write KV secrets, enable PKI, create issuers and roles, and issue certificates. Needs a reachable Vault server and token; HashiCorp recommends using it only in trusted local environments.
- [ASCII Animation](https://hebbmind.com/ja/skill/ascii-animation.md): [Skill] Builds animations out of text characters: brightness-ramp mapping with cell aspect correction, generative ASCII fields, image, video and Three.js scene to ASCII conversion, and terminal intros or loaders, rendered with <pre>, canvas or ANSI output.
- [Accessible Animation](https://hebbmind.com/ja/skill/accessible-animation.md): [Skill] Applies tiered prefers-reduced-motion handling instead of disabling everything: removes vestibular triggers like parallax and scroll hijacking, softens large movement into short fades, and keeps essential motion. Covers CSS and JS gating for GSAP, Framer Motion and Lenis, per WCAG 2.3.3.
- [GSAP Web](https://hebbmind.com/ja/skill/gsap-web.md): [Skill] Guides code-driven web motion with GSAP: timelines, ScrollTrigger pinning and scrubbing, horizontal scroll sections, SplitText reveals, Flip layout transitions, and syncing with Lenis or Locomotive smooth scroll to avoid jitter and broken pins.
- [Glassmorphism](https://hebbmind.com/ja/skill/glassmorphism.md): [Skill] Builds frosted and liquid-glass UI: backdrop-filter blur, translucent fills, bright edge highlights and layered shadows, SVG displacement for refraction, hover, scroll and entrance motion, plus accessible reduced-transparency fallbacks.
- [Lottie Animation](https://hebbmind.com/ja/skill/lottie-animation.md): [Skill] Integrates Lottie and dotLottie animations from After Effects into web, iOS, Android and React Native: playback and segment control, scroll- or hover-driven interactivity, runtime theming and recoloring, plus an After Effects export checklist.
- [Micro Interaction](https://hebbmind.com/ja/skill/micro-interaction.md): [Skill] Adds functional UI micro-interactions with Framer Motion (motion/react) and modern CSS: hover and press feedback, toggles, toasts, drawers, modals, list reorder and shared-element transitions, with 100-250ms timings, asymmetric enter and exit easing, and reduced-motion support.
- [Page Transition Animation](https://hebbmind.com/ja/skill/page-transition-animation.md): [Skill] Implements page and route transitions in the Next.js App Router and fixes Framer Motion exit animations that never fire on navigation, using template.tsx with a pathname-keyed AnimatePresence and FrozenRouter, or the View Transitions API via next-view-transitions.
- [SVG Animation](https://hebbmind.com/ja/skill/svg-animation.md): [Skill] Animates SVG with stroke draw-on effects, path morphing via GSAP MorphSVG or Flubber, motion along a path, animated icon state changes, and gradient or filter animation, choosing between CSS, SMIL and GSAP per task.
- [60fps Animation](https://hebbmind.com/ja/skill/60fps-animation.md): [Skill] Fixes janky web animation by moving width, height, position and box-shadow animations onto compositor-only transform and opacity, using pseudo-element opacity for shadows and the FLIP technique for layout changes and height: auto, to reach smooth 60/120fps motion.
- [CoinGecko MCP Server](https://hebbmind.com/ja/mcp/coingecko-mcp-server.md): [MCP] CoinGecko's official MCP: query prices, market caps, exchanges and price history for 10,000+ crypto assets, plus on-chain DEX data. Connect to the free keyless public server (shared rate limits) or use a Pro API key for higher limits and the full toolset. For research only, not investment advice.
- [Trivy MCP Server](https://hebbmind.com/ja/mcp/trivy-mcp.md): [MCP] Trivy's MCP plugin: lets agents scan local projects, container images and remote repositories for vulnerabilities and misconfigurations in plain language, optionally checking policy compliance via the Aqua platform. Requires Trivy; maintained by Aqua Security.
- [Auth0](https://hebbmind.com/ja/plugin/auth0.md): [Plugin] Helps agents add Auth0 authentication to apps: detects 35+ frameworks and covers login, MFA, SSO, RBAC, JWT validation, migration from other auth providers, and tenant security audits. Maintained by Auth0; needs an Auth0 account (free sign-up).
- [Alibaba Cloud DataWorks MCP Server](https://hebbmind.com/ja/mcp/alibabacloud-dataworks-mcp-server.md): [MCP] Alibaba Cloud's official MCP server: through the DataWorks Open API, agents manage data development nodes and workflows, operate scheduled instances, query Data Map metadata and lineage, and configure data quality rules. Needs an Alibaba Cloud AccessKey.
- [DeepL CLI](https://hebbmind.com/ja/cli/deepl-cli.md): [CLI] DeepL's official CLI: translate text and PDF, Word, PowerPoint and Excel documents while keeping formatting, with glossaries and translation memory. Needs a DeepL API key (free plan available); install from source with Node.js 24.15+. Have legal translations reviewed.
- [Phrase Strings CLI](https://hebbmind.com/ja/cli/phrase-cli.md): [CLI] Phrase Strings' official CLI: phrase init walks you through config, then phrase push uploads language files and phrase pull fetches the latest translations; it also wraps the full API for projects, locales and keys. Needs a Phrase Strings account (paid, 14-day free trial) and an API token.
- [Netlify Skills](https://hebbmind.com/ja/plugin/context-and-tools.md): [Plugin] Netlify's official plugin with skills for Functions, Edge Functions, Blobs, databases, forms, caching, netlify.toml configuration and deploys, plus the hosted Netlify MCP (OAuth sign-in on first use).
- [Weblate Client (wlc)](https://hebbmind.com/ja/cli/wlc.md): [CLI] Official CLI for Weblate, the open-source translation platform: check translation progress for projects and components, upload and download translation files, lock components, and commit or push repository changes. Hosted or self-hosted; needs the server URL, an API key and Python.
- [EODHD Claude Skills](https://hebbmind.com/ja/plugin/eodhd-claude-skills.md): [Plugin] EODHD's official plugin (remote MCP, 7 workflow skills, an analyst subagent): quotes, fundamentals and macro data from 70+ exchanges worldwide, company briefs, stock screening and portfolio risk analysis. Needs an EODHD account; free tier: 20 calls/day, basic US data only. Not investment advice.
- [Transitions.dev](https://hebbmind.com/ja/skill/transitions-dev.md): [Skill] Provides twelve drop-in CSS transitions, including card resize, number pop-in, badges, dropdowns, modals, panel reveals, page slides, icon swaps, success checks and error shakes, configured through shared CSS custom properties with no framework dependency and reduced-motion guards.
- [Amplitude](https://hebbmind.com/ja/plugin/amplitude.md): [Plugin] Amplitude's official plugin with a remote MCP and nearly 30 analysis skills: build charts and dashboards in plain language, interpret A/B experiments, summarize user feedback, and generate daily or weekly data briefs. Needs an Amplitude account with data (free plan exists); browser sign-in.
- [Sounds on the Web](https://hebbmind.com/ja/skill/sounds-on-the-web.md): [Skill] Audits UI code for audio feedback: every sound needs a visual equivalent, an off switch and volume control, and should respect reduced motion. Sound is for confirmations and errors, not typing or decorative hovers. Also checks preloading, default volume and sound weight. Reports file:line findings.
- [12 Principles of Animation](https://hebbmind.com/ja/skill/12-principles-of-animation.md): [Skill] Audits animation code against Disney's 12 principles adapted for the web, checking timing, easing, physics and staging rules such as user-initiated motion under 300ms and ease-out entrances, and reports findings as file:line.
- [Generating Sounds with AI](https://hebbmind.com/ja/skill/generating-sounds-with-ai.md): [Skill] Audits Web Audio API code for procedural UI sound synthesis: reusing one AudioContext, resuming when suspended, disconnecting nodes, exponential decay envelopes, noise for clicks and parameter choices, with findings reported as file:line.
- [Mastering AnimatePresence](https://hebbmind.com/ja/skill/mastering-animate-presence.md): [Skill] Audits Motion (Framer Motion) code against AnimatePresence rules: wrapping conditional exits, exit props and keys, the useIsPresent and usePresence hooks, choosing a mode, and coordinating nested exits. Reports findings as file:line. For React projects.
- [Morphing Icons](https://hebbmind.com/ja/skill/morphing-icons.md): [Skill] Guides the agent in building SVG icon components that morph between any two icons by moving lines instead of crossfading. Every icon uses exactly three lines, unused ones collapse to the center, and grouped variants rotate with springs. Examples use React and Motion and respect reduced motion.

Next page: https://hebbmind.com/ja/tools.md?page=18&profession=frontend%2Cdevops%2Calgorithm%2Cdata-engineering%2Cdata