# 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 Mobile & desktop or DevOps / SRE or ML / AI or Data engineering: 845 items. > - Frontend: Web and mobile-web interfaces: building, debugging and performance tuning. > - Mobile & desktop: Building and shipping iOS, Android and desktop apps. > - 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. - [Build macOS Apps](https://hebbmind.com/de/plugin/build-macos-apps.md): [Plugin] OpenAI's official Codex plugin for macOS apps: building and running, SwiftUI scenes and AppKit interop, testing and troubleshooting, signing, notarization and packaging, and logging instrumentation. Requires macOS and Xcode; Codex only. - [Product Design](https://hebbmind.com/de/plugin/product-design.md): [Plugin] OpenAI's official Codex plugin that turns early product ideas, live pages or screenshots into interactive prototypes, proposing a few visual directions before building. Also reviews user flows, researches user pain points and checks accessibility issues. - [Frontend Testing Debugging](https://hebbmind.com/de/skill/playwright-interactive.md): [Skill] Tests and debugs a locally running frontend with Codex's Browser plugin or Playwright: checks blank pages, framework and console errors, captures screenshots, re-verifies after fixes and writes a QA report. Maintained by OpenAI; formerly playwright-interactive in openai/skills. - [Game Studio](https://hebbmind.com/de/skill/openai-skills-4.md): [Skill] OpenAI's official browser-game skills: plan core gameplay and tech choices first, then build with Phaser for 2D or Three.js / React Three Fiber for 3D, plus HUD and menu UI, sprite animation, a GLB asset pipeline and in-browser playtesting. - [Test Android Apps](https://hebbmind.com/de/plugin/test-android-apps.md): [Plugin] Reproduces issues on the Android emulator: installs builds, drives the UI with adb, dumps the UI tree, takes screenshots, captures logcat, and gathers performance evidence with Simpleperf and Perfetto. OpenAI's official Codex plugin; needs the Android SDK. - [OpenAI Developers](https://hebbmind.com/de/plugin/openai-developers.md): [Plugin] Build with OpenAI best practices inside Codex: call the OpenAI API, build and deploy agents with the Agents SDK, create ChatGPT apps and prepare submission materials, and create API keys directly. Maintained by OpenAI; Codex only. - [OpenAI Ads Conversions](https://hebbmind.com/de/plugin/openai-ads-conversions.md): [Plugin] OpenAI's official Codex plugin for adding the OpenAI Ads measurement pixel and optional Conversions API (CAPI) to a website, with local validation scripts plus key and deduplication guidance. Needs the site's source and an OpenAI Ads account; review manually before launch. - [Figma (Codex)](https://hebbmind.com/de/plugin/figma.md): [Plugin] Figma's Codex plugin in OpenAI's official marketplace: implements UI from designs, generates Code Connect mappings, and creates or updates pages, component libraries, FigJam diagrams and slides in Figma. Needs a connected Figma account. - [App Store & Google Play Screenshots Generator](https://hebbmind.com/de/skill/app-store-screenshots.md): [Skill] Has the agent build a local Next.js editor that turns app screenshots into App Store and Google Play marketing images: real device frames, bold headlines, 18 visual styles, multiple languages and RTL layouts, with one-click export of every required size. Needs Node.js. - [Build Web Apps](https://hebbmind.com/de/plugin/build-web-apps.md): [Plugin] OpenAI's official Codex plugin for building frontend apps and generating visual assets, testing and debugging in a browser, plus best-practice skills for React, shadcn/ui, Stripe payments and Supabase databases. Codex only. - [OpenAI Codex Plugins](https://hebbmind.com/de/plugin/openai-plugins.md): [Plugin] OpenAI's official Codex plugin marketplace (openai-curated) with 60+ plugins such as Figma, Notion, GitHub, Stripe and Vercel, each bundling skills, MCP servers and app connections into one install. - [Build iOS Apps](https://hebbmind.com/de/plugin/build-ios-apps.md): [Plugin] OpenAI's official Codex plugin for iOS: SwiftUI UI work and refactoring, App Intents, simulator debugging, performance profiling and memory leak hunting, with XcodeBuildMCP built in. Requires macOS and Xcode; Codex only. - [Firecrawl MCP Server](https://hebbmind.com/de/mcp/firecrawl-mcp-server.md): [MCP] Scrapes web pages into Markdown or structured data, with full-site crawling, sitemaps, web search and interaction with dynamic pages. Maintained by Firecrawl; the cloud needs an API key (self-hosting is possible), and the keyless hosted endpoint only offers scrape, search and parse. - [Home Assistant MCP Server (ha-mcp)](https://hebbmind.com/de/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. - [kubectl-ai](https://hebbmind.com/de/cli/kubectl-ai.md): [CLI] Manage Kubernetes clusters in natural language: translates intent into kubectl operations and runs them, and can serve as an MCP server for other agents. Uses Gemini by default (API key required) and also supports OpenAI and local models. Maintained by Google Cloud. - [OpenCompass](https://hebbmind.com/de/cli/opencompass.md): [CLI] Open-source LLM evaluation platform: one opencompass command picks the model and datasets and runs the evaluation across hundreds of benchmarks. Works with local Hugging Face models and API models, with vLLM and LMDeploy for faster inference. - [Waza](https://hebbmind.com/de/plugin/waza.md): [Plugin] Tw93's lean pack of engineering-habit skills: /think to pressure-test plans, /hunt for root causes, /check to review diffs, /ui for frontend interfaces, /write to polish Chinese and English prose, and more (8 skills). Works with both Claude Code and Codex. - [VTracer](https://hebbmind.com/de/cli/vtracer.md): [CLI] Converts raster images like JPG and PNG to SVG, handling color tracing, black-and-white line art and unevenly lit scans, for vectorizing logos, illustrations and old drawings. The CLI is a 1.0 preview installed with cargo (needs Rust); a desktop app is also available. - [Tailwind CSS](https://hebbmind.com/de/skill/tailwindcss.md): [Skill] General guidance for building UI with Tailwind CSS: responsive and state variants, dark mode, sparing arbitrary values, components before @apply, and pitfalls such as dynamically built class names missing in production, with button and hero examples. - [Marquee Loop](https://hebbmind.com/de/skill/marquee-loop.md): [Skill] Builds seamless infinite marquees for logos, testimonials, screenshots or tags by duplicating the item sequence and translating the track from 0 to -50%, with stable widths, faded edges, optional hover pause and reduced-motion handling. - [Container Lines](https://hebbmind.com/de/skill/container-lines.md): [Skill] Adds thin vertical guide lines at the content container edges plus small corner squares for a measured, structured layout, with CSS tokens and pseudo-element code that keeps guides behind content and out of pointer events. - [GSAP](https://hebbmind.com/de/skill/gsap.md): [Skill] Helps the agent add or debug web animations with GSAP: tweens, timelines and position parameters, easing, stagger and ScrollTrigger pin and scrub, plus fixes for jank, cleanup with gsap.context() in React and refreshing after images load. - [GSAP ScrollTrigger Storytelling](https://hebbmind.com/de/skill/gsap-scrolltrigger-storytelling.md): [Skill] Builds cinematic, scroll-driven product storytelling with GSAP ScrollTrigger: pinned scenes, scrubbed timelines, progressive UI reveals and section handoffs, with cleanup in React, simpler choreography on small screens and readable copy and CTAs. - [Pricing Page](https://hebbmind.com/de/skill/pricing-page.md): [Skill] Designs or rewrites a high-converting SaaS pricing page: gathers plans, limits, upgrade triggers and objections, then structures a value headline, monthly/annual toggle, tiered plans, comparison, FAQ and trust sections with copy templates. - [Progressive Blur](https://hebbmind.com/de/skill/progressive-blur.md): [Skill] Creates a layered progressive blur at the top or bottom edge of the viewport by stacking backdrop-filter layers with gradient masks, with ready-to-paste HTML and CSS and knobs for height, blur steps, direction and z-index. - [Three.js](https://hebbmind.com/de/skill/threejs.md): [Skill] Builds or debugs interactive 3D web scenes with Three.js: scene, camera, renderer, lights, materials, GLTF loading and controls, plus performance basics like capping pixel ratio, handling resize, disposing WebGL resources and reduced motion. - [Matter.js](https://hebbmind.com/de/skill/matterjs.md): [Skill] Implements 2D physics interactions with Matter.js: a minimal Engine, Render and Runner setup with bodies, optional mouse drag constraints and SPA cleanup steps, asking about canvas size and renderer when specs are missing. - [Cobe.js](https://hebbmind.com/de/skill/cobejs.md): [Skill] Adds a lightweight interactive WebGL globe with the cobe library: canvas sizing for device pixel ratio, location markers, rotation in onRender, resize handling and teardown, for plain pages or React/Next.js hero sections. - [WebGL Landing Steering](https://hebbmind.com/de/skill/webgl-landing-steering.md): [Skill] Steers WebGL-heavy landing pages toward a chosen look by picking one of four visual lanes per page type, passing message, performance, accessibility and reliability gates, and outputting a lane, visual spec, stack, fallback and build order. - [Masked Reveal](https://hebbmind.com/de/skill/masked-reveal.md): [Skill] Reveals headings and short copy word by word through an overflow mask as they scroll into view, using GSAP ScrollTrigger and a split helper that avoids the paid SplitText plugin, with aria-label, reduced-motion support and React cleanup. - [Animation On Scroll](https://hebbmind.com/de/skill/animation-on-scroll.md): [Skill] Adds scroll-reveal animations that fire when elements enter the viewport, using an IntersectionObserver snippet plus keyframes and a Tailwind arbitrary animation class; tune threshold, rootMargin, duration, delay and play-once behavior. - [Animation Systems](https://hebbmind.com/de/skill/animation-systems.md): [Skill] Guides the agent to build a coherent, product-grade web motion system in the style of Stripe, Linear, Apple and Vercel: reusable primitives, duration and easing defaults, stagger choreography, scroll and hover patterns, performance rules and reduced-motion support. - [Company Logos](https://hebbmind.com/de/skill/company-logos.md): [Skill] Has the agent use Iconify Simple Icons brand marks instead of typed company names in logo rows, integration grids and partner lists, sized in a 64x64 box, monochrome by default, grid-aligned and labeled for accessibility when needed. - [Landing Page](https://hebbmind.com/de/skill/landing-page.md): [Skill] Designs or rewrites a single-offer, high-converting landing page for SaaS, apps or services: gathers the primary action, audience, objections and proof, then lays out hero, argument and objection-handling sections with copy templates and SEO/AEO notes. - [Beautiful Shadows](https://hebbmind.com/de/skill/beautiful-shadows.md): [Skill] Gives the agent three exact Tailwind arbitrary-value shadow utilities (sm, md, lg) for layered, neutral elevation on cards, controls, popovers and hero media, with rules against mixing them with default shadows, tinting or stacking. - [Design-First UI Prompting](https://hebbmind.com/de/skill/design-first-ui-prompting.md): [Skill] Turns a fuzzy UI idea into a design-first prompt spec for UI generation: goal, format, layout, type system, color, imagery, exact copy, constraints and negative prompt, then iterates by changing one variable at a time. - [sd](https://hebbmind.com/de/cli/sd.md): [CLI] A more intuitive find-and-replace tool than sed: uses JavaScript/Python-style regex syntax, supports literal string mode and in-place file edits, which suits agents doing bulk text rewrites. - [BrowserTools MCP](https://hebbmind.com/de/mcp/browser-tools-mcp.md): [MCP] Hands your current browser session to the agent through a Chrome extension: read console logs and network requests, take screenshots, and run Lighthouse performance, accessibility and SEO audits without signing in again. - [Jupytext](https://hebbmind.com/de/cli/jupytext.md): [CLI] Converts and two-way syncs Jupyter notebooks with plain Python scripts or Markdown, so agents can edit research and teaching notebooks like ordinary text and diffs stay readable. Needs a local Python environment; install with pip. - [OpenPencil](https://hebbmind.com/de/mcp/openpencil.md): [MCP] Open-source AI-native vector design tool with an MCP server built into its desktop app, connectable to Claude Code or Codex in one click. Agents read and edit .op designs in natural language, apply style guides and export React, Vue, Flutter or SwiftUI code. Needs the desktop app. - [Remotion Best Practices](https://hebbmind.com/de/skill/remotion-best-practices.md): [Skill] Remotion's official skill that teaches agents to make programmatic videos in React code, covering project setup, animation and typography, captions, map animations, media handling and rendering, and routes to each subtopic on demand. - [Remotion Create](https://hebbmind.com/de/skill/remotion-create.md): [Skill] Has the agent scaffold a new Remotion video project with create-video after inspecting the current folder, open Remotion Studio for live preview before writing the composition, and follow the layout, multi-scene and timeline guides as needed. Official Remotion skill; needs Node.js and Git. - [arxiv-latex-cleaner](https://hebbmind.com/de/cli/arxiv-latex-cleaner.md): [CLI] Cleans a LaTeX project before arXiv submission: removes comments, auxiliary files and unused .tex files and images, and can compress images, so internal notes are not published with the source. From Google Research; installable with Homebrew on macOS. - [Trafilatura](https://hebbmind.com/de/cli/trafilatura.md): [CLI] Python library and CLI for extracting main web content: fetches pages, crawls via sitemaps and RSS feeds, strips headers, footers and other noise, and outputs TXT, Markdown, JSON, XML and more with metadata. Also processes downloaded HTML offline. - [Anthropic Sandbox Runtime (srt)](https://hebbmind.com/de/cli/sandbox-runtime.md): [CLI] Anthropic's official OS-level sandbox CLI: restricts file and network access for agents, MCP servers and any command without containers, using sandbox-exec on macOS and bubblewrap on Linux. Currently a research preview. - [Talk to Figma MCP](https://hebbmind.com/de/mcp/cursor-talk-to-figma-mcp.md): [MCP] Uses a Figma plugin and a local WebSocket server so agents can read and directly edit designs: create frames and text, adjust auto layout and styles, and replace copy in bulk. Requires Bun; now maintained by Grab. - [Remotion Render](https://hebbmind.com/de/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. - [Remotion Captions](https://hebbmind.com/de/skill/remotion-captions.md): [Skill] Guides the agent through captions in Remotion videos: stores them as JSON using the Caption type from @remotion/captions, transcribes audio or video to generate them, imports .srt files, and displays and animates them in compositions. Official Remotion skill. - [zizmor](https://hebbmind.com/de/cli/zizmor.md): [CLI] Static security analysis for CI/CD config: finds template injection, credential leaks, excessive permissions and more in GitHub Actions workflows, also covers Dependabot and pre-commit configs, and auto-fixes some findings. - [Dev Browser](https://hebbmind.com/de/skill/dev-browser.md): [Skill] Lets coding agents control real Chrome with short Puppeteer scripts, with named pages that keep state across calls, accessibility-tree snapshots and screenshots for self-testing web changes. Install the dev-browser CLI globally first; macOS and glibc Linux only. Next page: https://hebbmind.com/de/tools.md?page=10&profession=frontend%2Cmobile%2Cdevops%2Calgorithm%2Cdata-engineering