# 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 Design or Hardware engineering: 866 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.
> - Design: Interface, interaction, visual and brand design.
> - Hardware engineering: Part and assembly modeling, schematics and PCB review, simulation, and BOM and production files.

- [Unsplash MCP Server](https://hebbmind.com/de/mcp/unsplash-mcp-server.md): [MCP] Searches Unsplash's free high-res photos by keyword, color and orientation to find images for posters, articles, slides and designs. Needs a free Access Key from the Unsplash developer portal; clone the repo and run the Python server with uv.
- [MinerU Open MCP](https://hebbmind.com/de/mcp/opendatalab-mcp.md): [MCP] MinerU's official MCP: parses PDF, Word, PowerPoint and images into Markdown via the mineru.net cloud API, keeping tables and formulas. The keyless Flash mode works out of the box; add a token for higher quotas and more formats.
- [Neo Industrial Design](https://hebbmind.com/de/skill/neo-industrial-design.md): [Skill] Designs or restyles web UIs in a neo-industrial, editorial-brutalist style: sets a mode, one dominant gesture, a grid and a single accent color, builds type hierarchy and layout from macro to micro, and reviews the rendered page at desktop and phone widths.
- [Web Perf](https://hebbmind.com/de/skill/web-perf.md): [Skill] Diagnoses page-load and interaction performance from Chrome DevTools traces, network evidence and source code, covering Core Web Vitals, LCP and layout shifts. Separates measured values from estimates and hypotheses, and re-measures fixes under equivalent conditions.
- [Opik MCP Server](https://hebbmind.com/de/mcp/opik-mcp.md): [MCP] Comet's official Opik MCP: query traces and spans of LLM apps in chat, log scores and comments, and manage datasets, experiments and prompt versions. Works with Opik Cloud (API key or browser sign-in) and self-hosted open-source Opik.
- [CodeRabbit](https://hebbmind.com/de/plugin/coderabbitai-skills.md): [Plugin] Lets agents run the CodeRabbit CLI to review local changes, listing bugs and security issues by severity, and fix unresolved CodeRabbit comments on a PR after you confirm each one. Maintained by CodeRabbit; needs the CLI installed and signed in. Free tier available.
- [OpenSCAD MCP Server](https://hebbmind.com/de/mcp/openscad-mcp-server.md): [MCP] Compiles AI-written OpenSCAD code or dimension parameters into editable SCAD and STL models, renders previews from four angles and can export 3MF. Good for parametric parts and 3D printing. Needs OpenSCAD and Python 3.11+ locally; clone the repo and run with uv. No API key.
- [Apple Web App](https://hebbmind.com/de/skill/apple-web-app.md): [Skill] Implements, debugs or audits how a website behaves on iPhone and iPad in Safari or added to the Home Screen, and on Mac when added to the Dock: safe areas, status and address bar tinting, theme color, overlays, keyboard, manifest, icons, splash screens and installed navigation.
- [Seeed Studio KiCad MCP Server](https://hebbmind.com/de/mcp/seeed-studio-kicad-mcp-server.md): [MCP] KiCad assistant maintained by hardware maker Seeed Studio: analyzes schematics and PCBs, traces connections pin by pin, runs ERC/DRC headlessly, generates device trees and hardware test code, and downloads footprints. Needs KiCad 8+ (9 or 10 recommended) and Python.
- [Alibaba Cloud Observability MCP Server](https://hebbmind.com/de/mcp/alibabacloud-observability-mcp-server.md): [MCP] Official Alibaba Cloud MCP: query logs, metrics and traces from SLS, CloudMonitor and ARMS, with time-series comparison and natural-language-to-SQL. Needs an AccessKey; some AI tools are billed per call. The install uses the Python version (main branch is now a Go binary).
- [Miro](https://hebbmind.com/de/plugin/miro.md): [Plugin] Miro's official plugin with the Miro remote MCP and three skills: draw codebase explanations on a board, run visual code reviews on the board, and turn board docs, diagrams and prototypes into development specs. Needs OAuth with a Miro account.
- [Onshape MCP Server](https://hebbmind.com/de/mcp/onshape-mcp.md): [MCP] Lets AI do parametric cloud CAD through the Onshape REST API: sketches, extrudes and revolves, assembly mates, interference checks, variable tables, and STEP/STL export. Needs an Onshape account with API access and secret keys; clone the repo and install with Python 3.10+.
- [Canva](https://hebbmind.com/de/plugin/canva.md): [Plugin] Canva's official plugin: through the Canva MCP server, edit designs, revise them from review feedback, generate in bulk from brand templates, resize designs for each social platform, and check consistency against your brand kit. Needs a Canva account; bulk generation needs an Enterprise plan.
- [Swiss Design](https://hebbmind.com/de/skill/swiss-design.md): [Skill] Applies a Swiss International Style design system with Tailwind CSS: a 12-column grid on an 8px base, IBM Plex Sans with light headings, a stone palette, hierarchy through opacity rather than hue, a single accent color, body text capped at 60ch, mobile-first layouts and dark mode.
- [GEMBA](https://hebbmind.com/de/cli/gemba.md): [CLI] Microsoft Translator's translation quality tool: GPT scores each sentence using MQM error categories or a direct score; --list_mqm_errors shows error types and severity. Needs line-aligned source and target files, Python and an OpenAI or Azure OpenAI key (paid); a translator should still review.
- [Fusion360 MCP Server](https://hebbmind.com/de/mcp/fusion360-mcp-server.md): [MCP] Connects AI to Autodesk Fusion 360 with 90+ tools for sketches, extrude, revolve and loft, chamfers and shells, booleans, sheet metal and patterns, to automate part modeling. Needs Fusion 360 with the repo's add-in copied into its AddIns folder and started, plus uv. Beta.
- [Smooth Shadow Ring](https://hebbmind.com/de/skill/smooth-shadow-ring.md): [Skill] Styles elevated surfaces such as cards, dialogs, popovers and toasts with smooth-shadow-ring utilities instead of pairing a border or ring with a shadow, avoiding the double-edge look. Covers ring and shadow tinting, dark mode and overrides. Requires the shadow-plugin Tailwind plugin.
- [Webflow MCP Server](https://hebbmind.com/de/mcp/webflow-mcp-server.md): [MCP] Webflow's official MCP: manage your site's pages, CMS content and blog posts by chat, and with the MCP Bridge App in the Designer, edit page elements and styles directly. Needs a Webflow account and Node.js 22.3+; first connection asks you to authorize sites.
- [BFL Skills](https://hebbmind.com/de/skill/black-forest-labs-skills.md): [Skill] Official Black Forest Labs skills: teach agents to write strong FLUX image prompts (typography, exact color values, multi-reference editing) and call the BFL API to generate images, FLUX 3 short videos with sound, and product ads. Prompting needs no API; generation needs a BFL API key.
- [Alibaba Cloud Ops MCP Server](https://hebbmind.com/de/mcp/alibaba-cloud-ops.md): [MCP] Alibaba Cloud's official ops MCP: manage ECS, RDS, OSS, VPC and other resources in plain language, view CloudMonitor metrics, and analyze a project and deploy it to ECS. Needs an Alibaba Cloud AccessKey and uv.
- [TencentCloud CLI (TCCLI)](https://hebbmind.com/de/cli/tencentcloud-cli.md): [CLI] Tencent Cloud's official CLI: call any Tencent Cloud API by product and action name to manage resources (e.g. tccli cvm DescribeZones), with multiple profiles, role credentials and JSON or table output for scripting. Needs a SecretId and SecretKey.
- [naming](https://hebbmind.com/de/skill/naming.md): [Skill] Skill for naming products, brands, companies and open-source projects: writes a naming brief, explores metaphors, generates candidates while filtering out generic AI-style names, scores them on a rubric, then checks domain, social handle and package name availability. Good for early-stage startups.
- [Lokalise CLI v2](https://hebbmind.com/de/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.
- [Accessibility Diff](https://hebbmind.com/de/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/de/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.
- [Alibaba Cloud ACK MCP Server](https://hebbmind.com/de/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/de/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/de/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/de/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.
- [Neon Postgres](https://hebbmind.com/de/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.
- [render-deploy](https://hebbmind.com/de/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.
- [Term Radar](https://hebbmind.com/de/skill/term-radar.md): [Skill] When the user describes a concept in their own words that matches an established term of art, the agent appends that single term after its answer, linked to a Google Images search, so the user learns the proper name and can see examples.
- [Chalk Logic](https://hebbmind.com/de/skill/chalk-logic.md): [Skill] Turns one idea into a sparse, wordless white-chalk illustration on an even green board. Picks one of six composition families, generates an image, checks it against a gated QA list and repairs it up to twice. Needs image generation and inspection; otherwise returns the prompt and recipe.
- [Signal Geometry](https://hebbmind.com/de/skill/signal-geometry.md): [Skill] Translates a concept into one spatial event, like orbit or convergence, and renders it as a sparse geometric illustration or poster on matte paper, grayscale and text-free by default. Checks the result against quality gates and regenerates once; falls back to prompt-only output.
- [GeoServer MCP Server](https://hebbmind.com/de/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.
- [Glassmorphism](https://hebbmind.com/de/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.
- [Micro Interaction](https://hebbmind.com/de/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.
- [SVG Animation](https://hebbmind.com/de/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/de/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.
- [ASCII Animation](https://hebbmind.com/de/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/de/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/de/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.
- [Lottie Animation](https://hebbmind.com/de/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.
- [Page Transition Animation](https://hebbmind.com/de/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.
- [MLflow Skills](https://hebbmind.com/de/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+.
- [genmedia CLI](https://hebbmind.com/de/cli/genmedia-cli.md): [CLI] Official agent-first CLI from fal: search and run 1,200+ image, video and speech generation models on fal.ai, check parameters and pricing, upload inputs and download results, with structured JSON output. Good for batch image and promo asset generation. Needs a fal.ai API key, billed per use.
- [Pulumi Agent Skills](https://hebbmind.com/de/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/de/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.
- [SimpleLocalize CLI](https://hebbmind.com/de/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/de/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.

Next page: https://hebbmind.com/de/tools.md?page=17&profession=frontend%2Cdevops%2Calgorithm%2Cdesign%2Chardware