# 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 Full-stack / Indie or Frontend or DevOps / SRE or ML / AI or Data analysis: 1039 items. > - Full-stack / Indie: General software work: coding-agent workflows, code review, debugging and Git collaboration. > - 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 analysis: Querying, statistical analysis, reporting and visualization. - [GSAP](https://hebbmind.com/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. - [Progressive Blur](https://hebbmind.com/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. - [Design-First UI Prompting](https://hebbmind.com/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. - [zizmor](https://hebbmind.com/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/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. - [pastel](https://hebbmind.com/cli/pastel.md): [CLI] Command-line color tool: generate, mix, lighten and darken colors, convert between HEX, RGB, HSL, Lab and more, build gradients and sets of distinct colors, pick readable text colors for a background, and simulate color blindness. Install via Homebrew; no account or API key. - [n8n Skills](https://hebbmind.com/skill/n8n-skills.md): [Skill] 14 n8n workflow skills: expression syntax, MCP tool usage, node configuration, validation and troubleshooting, Code nodes, AI Agent workflows and self-hosted n8n deployment. Meant to be used with the n8n-mcp server. - [n8n-skills](https://hebbmind.com/plugin/n8n-skills.md): [Plugin] 14 skills plus a hook-based reminder layer for use with n8n-mcp: teaches agents to write correct n8n expressions, configure nodes, apply workflow patterns, fix validation errors and deploy self-hosted n8n. Requires n8n-mcp to be set up first. - [OpenPencil](https://hebbmind.com/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. - [csvkit](https://hebbmind.com/cli/csvkit.md): [CLI] Veteran suite of CSV command-line tools: in2csv converts Excel and JSON to CSV, csvcut, csvgrep and csvsort filter and sort, csvstat computes statistics, and csvsql runs SQL directly against CSV files. - [Lieflat Charts](https://hebbmind.com/skill/lieflat-charts.md): [Skill] Generates template-driven charts as single-file HTML: picks a chart from real Lupi, Basics, Glance, Maps and Interactive gallery implementations based on data shape, or fills one of 12 Chinese and English report templates. Defaults to Mono grayscale with semantic color presets. Written in Chinese. - [Vale](https://hebbmind.com/cli/vale.md): [CLI] A prose linter that checks docs against style guides: use ready-made packages like Microsoft and Google or write your own YAML rules. It parses Markdown, AsciiDoc and other formats before checking, runs fully offline, and plugs into editors and CI. - [21st MCP (formerly Magic MCP)](https://hebbmind.com/mcp/magic-mcp.md): [MCP] 21st.dev's official MCP: lets agents search and fetch UI components, themes and template code from the 21st.dev community, and generate components from a description once AI access is enabled. Absorbs the former Magic MCP; requires a free API key from 21st.dev. - [Google Agents CLI Skills](https://hebbmind.com/skill/google-skills.md): [Skill] Google's official skills for building ADK agents: dev workflow, scaffolding, the ADK Python API, evaluation with LLM judges and adaptive rubrics, deployment to Agent Runtime, Cloud Run or GKE, publishing and observability. Works with agents-cli; local dev needs only an AI Studio key. - [Taskwarrior](https://hebbmind.com/cli/taskwarrior.md): [CLI] Veteran command-line task manager with projects, tags, priorities, due dates and custom reports, JSON export, and a rich ecosystem of hooks and extensions, well suited for agents that record and track tasks. - [Quarto](https://hebbmind.com/cli/quarto-cli.md): [CLI] Posit's open-source scientific and technical publishing system built on Pandoc: embed Python, R or Julia code in Markdown or Jupyter notebooks, then quarto render produces HTML, PDF, Word, slides, websites and books. - [Docker CLI](https://hebbmind.com/cli/docker-cli.md): [CLI] Docker's official CLI for building images, running and managing containers, viewing logs and pushing to registries, a foundational tool for agents setting up isolated environments. Needs a local or remote Docker Engine such as Docker Desktop. - [ZCF (Zero-Config Code Flow)](https://hebbmind.com/cli/zcf.md): [CLI] Zero-config CLI that sets up Claude Code and Codex in one go: an interactive menu handles installation, workflow imports, API and CCR proxy setup and common MCP servers, with model provider presets and bilingual English/Chinese configuration. - [JiraCLI](https://hebbmind.com/cli/jira-cli.md): [CLI] Full-featured Jira CLI: filter, create, transition, assign and link issues and manage epics and sprints, with --plain text output that agents can read. Works with Cloud and self-hosted Jira; set up an API token and run jira init. - [MCP Atlassian](https://hebbmind.com/mcp/mcp-atlassian.md): [MCP] Community-maintained MCP for Jira and Confluence: search with JQL/CQL and create or update issues, pages and comments. Supports both Cloud and Server/Data Center deployments; needs an API token or personal access token. - [VitePress](https://hebbmind.com/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. - [Vitest](https://hebbmind.com/skill/vitest.md): [Skill] Reference for Vitest 5: config, CLI, the test, describe and expect APIs, hooks, mocking with vi, snapshots, coverage, fixtures, concurrency, filtering and tags, reporters, benchmarks, test environments, type testing and multi-project setups. Generated by Anthony Fu from the official docs. - [Antfu Conventions](https://hebbmind.com/skill/antfu.md): [Skill] Applies Anthony Fu's conventions for JavaScript and TypeScript projects: file organization, explicit imports, Vitest style, @antfu/ni, @antfu/eslint-config with antislop, Knip, tsdown and a single ci script, mirroring the antfu/starter-ts template for new projects. - [Nuxt](https://hebbmind.com/skill/nuxt.md): [Skill] Reference for Nuxt 5, the full-stack Vue framework: directory layout, file-based routing, useFetch, auto-imports, server routes, rendering modes, SSR and hydration pitfalls, modules and layers, with notes on the move to Nitro v3 and Vite 8. Generated by Anthony Fu from the official docs. - [Pinia](https://hebbmind.com/skill/pinia.md): [Skill] Reference for Pinia v4, Vue's official state library: defining stores with state, getters and actions, plugins, composables, composing stores, testing with @pinia/testing, SSR, Nuxt and HMR. Recommends setup stores and storeToRefs. Generated by Anthony Fu from the official docs. - [Vue](https://hebbmind.com/skill/vue.md): [Skill] Reference for Vue 3.5: script setup and macros such as defineProps, defineEmits and defineModel, reactivity, watchers and lifecycle, and built-ins like Transition, Teleport, Suspense and KeepAlive. Prefers the Composition API with TypeScript. Generated by Anthony Fu from the official docs. - [pnpm](https://hebbmind.com/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. - [Nitro](https://hebbmind.com/skill/nitro.md): [Skill] Reference for Nitro v3, the server toolkit behind Nuxt: file routes with H3 v2 handlers, route rules, caching, KV storage, tasks, WebSockets and OpenAPI, plus deploy presets and v2 migration notes. Generated by Anthony Fu from the official docs. - [UnoCSS](https://hebbmind.com/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/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. - [Claude Scholar](https://hebbmind.com/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/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/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/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. - [.NET Agent Skills](https://hebbmind.com/skill/dotnet-skills.md): [Skill] The .NET team's official skill collection, grouped into plugins: ASP.NET Core, Blazor, MAUI, EF Core data access, MSBuild troubleshooting, performance diagnostics, testing, and framework upgrades and migrations. Maintained by Microsoft; install via the Claude Code or Codex plugin marketplace. - [Draw.io MCP Server](https://hebbmind.com/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/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. - [Anthropic Sandbox Runtime (srt)](https://hebbmind.com/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. - [Text-to-Lottie (Diffusion Studio)](https://hebbmind.com/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. - [Remotion Best Practices](https://hebbmind.com/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 Render](https://hebbmind.com/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. - [Transitions Polish](https://hebbmind.com/skill/transitions-polish.md): [Skill] Polishes existing motion against the transitions.dev token scale for duration, distance, scale, blur and easing, matching each value by what the motion does rather than the nearest number, with rules for open/close asymmetry, hover in and out, stagger and intent delays. - [Refine Live](https://hebbmind.com/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 Captions](https://hebbmind.com/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. - [Remotion Create](https://hebbmind.com/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. - [Finance Toolkit MCP](https://hebbmind.com/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. - [GitHub Agentic Workflows](https://hebbmind.com/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. - [Improve CLAUDE.md](https://hebbmind.com/skill/improve-claude-md.md): [Skill] Rewrites a CLAUDE.md so Claude Code follows it better: keeps project identity and map bare at the top, wraps task-specific rules in narrowly conditioned blocks, cuts snippets and lint-enforceable rules, and keeps every command. - [Show Me](https://hebbmind.com/skill/show-me.md): [Skill] Explains the current topic visually with the smallest view that makes the point: pseudocode, call trees, component or file trees, Mermaid diagrams or diffs, and a focused HTML diagram or short deck when the idea is too dense. Invoked manually. - [Build Iterated Agentic Loop](https://hebbmind.com/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. Next page: https://hebbmind.com/tools.md?page=12&profession=fullstack%2Cfrontend%2Cdevops%2Calgorithm%2Cdata