# 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. - [Refine Live](https://hebbmind.com/ja/skill/refine-live.md): [Skill] In-chat fallback for the transitions.dev Timeline Inspector's Refine button: the agent long-polls a local relay and answers jobs with motion-token tweaks or a full transition recipe swap, and applies accepted changes. Idle polling costs credits, so the persistent CLI mode is preferred. - [Remotion Render](https://hebbmind.com/ja/skill/remotion-render.md): [Skill] Tells the agent how to export Remotion work: render videos with npx remotion render, stills with npx remotion still, several frames as images in one call with --frames, and videos with a transparent background. Official Remotion skill. - [pngquant](https://hebbmind.com/ja/cli/pngquant.md): [CLI] Lossy PNG compression CLI: converts images to 8-bit PNGs that keep transparency, usually 60-80% smaller, with batch processing and a quality range setting. Handy for slimming down web assets, slides and article images. Install via Homebrew on macOS; no account. - [Draw.io MCP Server](https://hebbmind.com/ja/mcp/drawio-mcp.md): [MCP] draw.io's official MCP: opens XML, CSV or Mermaid diagrams generated by the agent directly in the draw.io editor, good for flowcharts and architecture diagrams. A no-install remote version can also render diagrams inline in the chat. - [ExecuteAutomation Playwright MCP Server](https://hebbmind.com/ja/mcp/mcp-playwright.md): [MCP] Community Playwright browser automation MCP from ExecuteAutomation (not Microsoft's official one): navigate, click, fill forms, screenshot and scrape page text, plus send HTTP requests, assert network responses and record actions into test code, with 143 device emulations built in. - [Text-to-Lottie (Diffusion Studio)](https://hebbmind.com/ja/skill/lottie.md): [Skill] Lets agents generate production-ready Lottie animations (icon motion, loaders, data animations and more) from a text description or SVG, with a local player for live preview and tweaks. Export JSON for web, apps or After Effects. Needs Node.js locally. - [GitHub Agentic Workflows](https://hebbmind.com/ja/cli/gh-aw.md): [CLI] GitHub's official gh extension for writing Actions workflows in Markdown that AI agents execute, compiled into standard Actions. Choose engines like Copilot, Claude Code or Codex; runs in a read-only sandbox by default. Requires gh. - [Build Iterated Agentic Loop](https://hebbmind.com/ja/skill/build-iterated-agentic-loop.md): [Skill] Turns a repeatable agent task into a repo-local skill plus a GitHub Actions workflow that runs a coding agent (Claude Code, Codex, OpenCode or CodeLayer) on a schedule, with a prompt, memory file and one-open-PR bound. Reads the repo first, then walks you through cadence, scope and validation. - [Narrow React Prop Types](https://hebbmind.com/ja/skill/narrow-react-prop-types.md): [Skill] Narrows React component prop types to match live call sites rather than widened story, mock or test contracts: classifies each prop as required, optional or removed from non-test usage, derives types from real APIs, and updates stories and tests to fit. - [Design Control Loop](https://hebbmind.com/ja/skill/design-control-loop.md): [Skill] Interviews you to design an agentic control loop for your codebase in control-theory terms: a set point, a sensor built from existing tooling, a controller that picks small low-risk changes, and a coding agent that opens PRs. Builds each part to run locally before wiring a scheduled CI workflow. - [Lingo.dev CLI](https://hebbmind.com/ja/cli/lingo-dev.md): [CLI] Lingo.dev's official CLI: lingo push sends JSON, YAML, Markdown, PO, XLIFF, Android/Xcode strings and other files from your repo to its LLM localization engine, and lingo pull brings translations back; CI-ready. Needs a Lingo.dev account; usage-based pricing with a free sandbox. - [LM Studio CLI (lms)](https://hebbmind.com/ja/cli/lms.md): [CLI] LM Studio's official CLI: list, load and unload local models, start and stop the local API server, and check status and logs; ls, ps and other commands support --json output for scripts and agents. Requires the LM Studio desktop app. - [Home Assistant MCP Server (ha-mcp)](https://hebbmind.com/ja/mcp/ha-mcp.md): [MCP] Lets agents operate Home Assistant: control devices, query state and history, create and debug automations and edit dashboards, with 80+ tools. Community-maintained (unofficial); requires your own Home Assistant instance, and running via uvx needs a long-lived access token. - [PySceneDetect](https://hebbmind.com/ja/cli/pyscenedetect.md): [CLI] Detects shot changes in video and splits long footage into scenes, exporting cut lists and per-scene thumbnails, useful for shot analysis, organizing footage and finding edit points. Runs locally; needs Python 3.10+, plus FFmpeg or mkvmerge for splitting. - [fontTools](https://hebbmind.com/ja/cli/fonttools.md): [CLI] Font toolkit: pyftsubset subsets fonts to the characters you use and outputs WOFF2 to shrink web fonts, and ttx converts fonts to editable XML for inspection and edits. Needs Python 3.11+ and the woff extra for WOFF2; check the license before subsetting commercial fonts. - [Mistral Vibe](https://hebbmind.com/ja/cli/mistral-vibe.md): [CLI] Mistral's official open-source terminal coding assistant: uses Mistral models to read and write code, run commands and search the codebase, with multiple agent profiles and subagents, plus Skills, MCP and a --prompt scripting mode. Needs a Mistral API key. - [WP-CLI](https://hebbmind.com/ja/cli/wp-cli.md): [CLI] WordPress's official CLI: install and update plugins and themes, manage posts and users, import and export content, run database search-replace and configure multisite from the terminal, without opening wp-admin. Requires PHP 7.2.24 or later. - [MCPorter](https://hebbmind.com/ja/cli/mcporter.md): [CLI] CLI and TypeScript runtime for discovering and calling MCP servers from the terminal and scripts: list tool signatures and call tools directly, or generate a standalone CLI or typed client from a server. Auto-imports existing MCP configs from Claude Code, Codex and others. - [Unlighthouse](https://hebbmind.com/ja/cli/unlighthouse.md): [CLI] Runs Google Lighthouse across an entire site (sampling similar pages smartly) and summarizes SEO, performance and accessibility scores page by page in a local web UI; unlighthouse-ci writes reports directly for agents to read. Great for site-wide SEO checkups. Needs Node.js 22.18+. - [YouPlot](https://hebbmind.com/ja/cli/youplot.md): [CLI] Draws bar charts, histograms, line charts, scatter plots and box plots in the terminal from CSV/TSV on stdin, so you can glance at data distributions at the end of a shell pipeline. The command is uplot. - [Style Dictionary](https://hebbmind.com/ja/cli/style-dictionary.md): [CLI] Design token build tool: define colors, font sizes, spacing and other design specs in one JSON source, then style-dictionary build generates CSS, SCSS, iOS, Android and other platform code, keeping the design system and implementations in sync. Needs Node.js and a config.json. - [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. - [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. - [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. - [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. - [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. - [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/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. - [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. - [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 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 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. - [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 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 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. - [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. - [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. Next page: https://hebbmind.com/ja/tools.md?page=11&profession=frontend%2Cdevops%2Calgorithm%2Cdata-engineering