# 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 ML / AI or Data engineering or Data analysis: 756 items.

> - Frontend: Web and mobile-web interfaces: building, debugging and performance tuning.
> - 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.

- [UnoCSS](https://hebbmind.com/ru/skill/unocss.md): [Skill] Reference for UnoCSS, the atomic CSS engine: config, rules, shortcuts, theme and variants, presets like Wind3, Wind4, Icons and Attributify, and Vite and Nuxt setup. Tells the agent to check uno.config first and stick to plain classes when unsure. Generated by Anthony Fu from official docs.
- [Vite](https://hebbmind.com/ru/skill/vite.md): [Skill] Reference for Vite 8: vite.config.ts, features like import.meta.glob and asset queries, the plugin API, library mode and SSR, the Environment API, and migrating to the Rolldown bundler and Oxc transformer. Prefers TypeScript config and ESM. Generated by Anthony Fu from the official docs.
- [VitePress](https://hebbmind.com/ru/skill/vitepress.md): [Skill] Reference for VitePress 2, the Vite and Vue static site generator for docs: file routing, Markdown extensions and Vue in Markdown, data loaders, dynamic routes, theme config and custom themes, i18n, SSR compatibility and deployment. Generated by Anthony Fu from the official docs.
- [pnpm](https://hebbmind.com/ru/skill/pnpm.md): [Skill] Reference for pnpm 12: CLI, pnpm-workspace.yaml settings, monorepo workspaces, catalogs, overrides, patches, supply-chain settings such as build approval, task orchestration, CI setup and migration from npm, Yarn or older pnpm. Generated by Anthony Fu from the official docs.
- [Refine Live](https://hebbmind.com/ru/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.
- [Claude Scholar](https://hebbmind.com/ru/plugin/claude-scholar.md): [Plugin] Semi-automated research assistant for CS and AI researchers that links ideation, Zotero literature management, experiment analysis and reporting, paper writing and reviewer responses, and keeps project knowledge in Obsidian. Branches for Codex and other agents exist.
- [Claude Scholar](https://hebbmind.com/ru/skill/claude-scholar.md): [Skill] Semi-automated research workflow for computer science and AI researchers: ideation, Zotero literature management, experiment analysis and reports, paper writing and polishing, and rebuttals, with optional Obsidian knowledge base. 40+ skills; also installable as a Claude Code plugin.
- [Interface Design](https://hebbmind.com/ru/plugin/interface-design.md): [Plugin] Design engineering plugin for product interfaces such as admin panels and dashboards: builds UI on design principles and saves spacing, color and hierarchy decisions to .interface-design/system.md to stay consistent across sessions. Not meant for marketing pages.
- [pngquant](https://hebbmind.com/ru/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.
- [ExecuteAutomation Playwright MCP Server](https://hebbmind.com/ru/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/ru/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.
- [Narrow React Prop Types](https://hebbmind.com/ru/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.
- [Finance Toolkit MCP](https://hebbmind.com/ru/mcp/financetoolkit.md): [MCP] From the FinanceToolkit author: computes ratios, valuation, risk and macro indicators with 500+ transparent formulas, for company comparisons and first-pass due diligence. Hosted, no install; enter a Financial Modeling Prep key on first connect (free tier: US stocks, 5 years). Verify results.
- [Lingo.dev CLI](https://hebbmind.com/ru/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/ru/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.
- [PySceneDetect](https://hebbmind.com/ru/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/ru/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/ru/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.
- [MCPorter](https://hebbmind.com/ru/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/ru/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/ru/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.
- [Auto-Empirical Research Skills (AERS)](https://hebbmind.com/ru/skill/auto-empirical-research-skills.md): [Skill] Empirical social science skills from Stanford REAP and CoPaper.AI, bundling 77 in-house and third-party collections: topic selection, literature reviews, DID/RD/IV identification, regression tables in Python, Stata or R, robustness audits and paper writing. Stata flows need Stata installed.
- [Style Dictionary](https://hebbmind.com/ru/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/ru/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/ru/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.
- [Firebase CLI](https://hebbmind.com/ru/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/ru/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/ru/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/ru/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.
- [AntV MCP Server Chart](https://hebbmind.com/ru/mcp/mcp-server-chart.md): [MCP] Generates 26+ chart types with AntV, including line, bar, Sankey, word cloud, mind map and pivot table, returning image links. Officially maintained by Ant Group's AntV team; uses a public rendering service by default and can be self-hosted.
- [Gemini API Dev](https://hebbmind.com/ru/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/ru/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/ru/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.
- [Excel MCP Server](https://hebbmind.com/ru/mcp/excel-mcp-server.md): [MCP] Create, read and modify xlsx workbooks without Microsoft Excel installed: formulas, formatting and conditional formatting, charts, pivot tables and tables. Runs locally over stdio or as a remote HTTP service.
- [resvg](https://hebbmind.com/ru/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/ru/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.
- [NotFair Plugin](https://hebbmind.com/ru/plugin/notfair-plugin.md): [Plugin] Open-source marketing plugin with 48 skills: SEO and AI search optimization (GEO), GA4 and Search Console analysis, ad diagnostics for Google, Meta, X, LinkedIn, Reddit and TikTok, and WordPress upkeep. Some SEO skills need only a URL; live data requires NotFair OAuth and linked accounts.
- [lychee](https://hebbmind.com/ru/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/ru/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.
- [AiPy](https://hebbmind.com/ru/cli/aipyapp.md): [CLI] Knownsec's open-source Python-use agent: describe a task in plain language and it writes and runs Python on your machine, e.g. tidying Excel files, summarizing attendance or screening resumes. Needs Python 3.11+ and a model API key such as DeepSeek; code runs locally, so back up important files.
- [Expo](https://hebbmind.com/ru/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/ru/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 Post-Processing](https://hebbmind.com/ru/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 Geometry](https://hebbmind.com/ru/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 Shaders](https://hebbmind.com/ru/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 Animation](https://hebbmind.com/ru/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 Fundamentals](https://hebbmind.com/ru/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/ru/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 Interaction](https://hebbmind.com/ru/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 Materials](https://hebbmind.com/ru/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.

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