# 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 Full-stack / Indie or Frontend or DevOps / SRE or ML / AI or Data engineering: 959 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 engineering: Data pipelines, warehouse modeling, ETL and data quality.

- [Morphing Icons](https://hebbmind.com/skill/morphing-icons.md): [Skill] Guides the agent in building SVG icon components that morph between any two icons by moving lines instead of crossfading. Every icon uses exactly three lines, unused ones collapse to the center, and grouped variants rotate with springs. Examples use React and Motion and respect reduced motion.
- [Pseudo Elements](https://hebbmind.com/skill/pseudo-elements.md): [Skill] Audits CSS and JavaScript for pseudo-element and View Transitions API practices: content, positioning and z-index of ::before and ::after, replacing extra DOM nodes, expanding hit targets, naming and cleaning up view-transition-name, and ::backdrop styling. Reports findings as file:line.
- [Sounds on the Web](https://hebbmind.com/skill/sounds-on-the-web.md): [Skill] Audits UI code for audio feedback: every sound needs a visual equivalent, an off switch and volume control, and should respect reduced motion. Sound is for confirmations and errors, not typing or decorative hovers. Also checks preloading, default volume and sound weight. Reports file:line findings.
- [To Spring or Not to Spring](https://hebbmind.com/skill/to-spring-or-not-to-spring.md): [Skill] Audits animation code for the right timing function: springs for gestures and interruptible motion, easing for system-driven state changes, linear for progress, and no animation for high-frequency interactions. Also checks spring parameters and durations. Reports file:line findings.
- [Postman Plugin for Claude Code](https://hebbmind.com/plugin/postman-claude-code-plugin.md): [Plugin] Postman's official plugin: sets up the Postman MCP server so Claude Code can sync collections, run API tests and diagnose failures, generate client code, create mocks and docs, and run OWASP API security checks. Needs a Postman account.
- [Snowflake Cortex Code](https://hebbmind.com/plugin/cortex-code.md): [Plugin] Snowflake's official plugin: detects Snowflake-related requests and hands them to the Cortex Code CLI, whose 55+ built-in skills handle SQL, dynamic tables, data governance and more. Needs the cortex CLI installed and a Snowflake connection configured.
- [GitGuardian MCP Server](https://hebbmind.com/mcp/ggmcp.md): [MCP] GitGuardian's official MCP: scans code for leaked secrets with 500+ detectors, and lets agents triage and remediate incidents, generate honeytokens and open fix PRs. Needs a GitGuardian account; the hosted endpoint with OAuth sign-in is recommended.
- [Tencent Cloud COS MCP Server](https://hebbmind.com/mcp/cos-mcp.md): [MCP] Lets agents upload, download and list files in Tencent Cloud Object Storage (COS), and use Cloud Infinite for image processing, QR code recognition, document-to-PDF conversion, video frame capture and natural-language search. Maintained by Tencent Cloud; needs a SecretId and SecretKey.
- [Compact Landing](https://hebbmind.com/skill/compact-landing.md): [Skill] Builds compact, polished landing pages for dev tools, package demos and micro-SaaS. Picks a design fingerprint (composition, palette, type, radius, surfaces, motion) so each run looks different, features a product-native demo, and keeps zero layout shift, focus states and reduced motion.
- [Supabase Agent Plugin](https://hebbmind.com/plugin/supabase-plugin.md): [Plugin] Supabase's official plugin: Supabase and Postgres best-practice skills plus the Supabase remote MCP to manage projects, run SQL, design schemas and RLS policies, and handle auth and storage. Needs a Supabase account.
- [Budge](https://hebbmind.com/skill/budge.md): [Skill] When the agent changes a single CSS value or Tailwind class in a Next.js App Router project, a floating bar appears on the page so you can fine-tune it with arrow keys before persisting. Loads a runtime script from budge.design in app/layout.tsx.
- [Interactive Hit Areas](https://hebbmind.com/skill/interactive-hit-areas.md): [Skill] Fixes hover and click dead zones between spaced interactive elements such as chart bars, list rows, tabs and nav items by making hit targets flush and moving visual spacing inside each item, with React and Tailwind examples.
- [Paper Flex](https://hebbmind.com/skill/paper-flex.md): [Skill] Converts absolutely positioned Paper canvas nodes to flex layout through Paper MCP: computes spacing from computed styles, preserves SVGs and images via x-paper-clone, fixes z-order and shadows, and verifies with screenshot comparison.
- [Paper to Code Components](https://hebbmind.com/skill/paper-to-code-components.md): [Skill] Turns Paper designs (via Paper MCP, Viewfinder or exported JSX) into componentized React/Next.js code: maps hierarchy and reusable components first, one component per icon, tokens in globals.css, shadcn reuse, real fonts and data-driven charts.
- [Reconcile Paper Sync](https://hebbmind.com/skill/reconcile-paper-sync.md): [Skill] Verifies and repairs a Paper-derived app against its local paper-sync render: ports the real fonts, reads exact type, color and decoration values from the canonical export, screenshot-diffs the running app against the frame and separates conversion drift from newer design.
- [Tailwind Token Consolidation](https://hebbmind.com/skill/tailwind-token-consolidation.md): [Skill] Reduces CSS custom properties and Tailwind v4 design tokens in globals.css without changing visuals: maps usage to find live tokens, deletes dead ones, collapses values similar in light and dark modes via a scripted rename map, and verifies with typecheck, lint and build.
- [Tolgee CLI](https://hebbmind.com/cli/tolgee-cli.md): [CLI] Official CLI for Tolgee, the open-source localization platform: extract strings from code, push keys to Tolgee and pull the latest translations, and diff local files against the platform. Works with Tolgee Cloud or self-hosted; needs Node.js 18+ and a personal or project API key (tolgee login).
- [CC Figma Component](https://hebbmind.com/skill/cc-figma-component.md): [Skill] Reads a component-contracts contract JSON, derives component-scoped tokens and builds a fully variable-bound Figma component set with all variants. Requires cc-figma-tokens to have run first, plus the figma-use and figma-generate-library skills.
- [CC Figma Tokens](https://hebbmind.com/skill/cc-figma-tokens.md): [Skill] Syncs component-contracts token files in W3C DTCG format into native Figma variables, building Primitives and Semantic collections with role-based scopes and web code syntax after you approve a plan. Prerequisite for cc-figma-component.
- [Langfuse Observability Plugin](https://hebbmind.com/plugin/claude-observability-plugin.md): [Plugin] Langfuse's official plugin: uses hooks to send prompts, model calls, token usage and cost, tool calls and subagents from Claude Code sessions to Langfuse as traces for monitoring and review. Needs Langfuse keys (self-hosting supported) and uv or Python 3.10+.
- [Sync Figma Token](https://hebbmind.com/skill/sync-figma-token.md): [Skill] Syncs design tokens between code and Figma variables: normalizes both sides, reports drift by value, alias, mode and scope in a dry run, then stops for explicit approval before writing, archives rather than deletes, and saves JSON reports. Requires the Figma MCP server; invoked manually.
- [ModelScope MCP Server](https://hebbmind.com/mcp/modelscope-modelscope-mcp-server.md): [MCP] ModelScope's official MCP: search models, datasets, Studio apps, papers and MCP servers and view details, plus text-to-image and image-to-image generation. Needs a ModelScope API token.
- [Browser Use](https://hebbmind.com/plugin/browser-use.md): [Plugin] Browser Use's official plugin: connects the Browser Use MCP so Claude can drive your local Chrome or a cloud browser to browse, extract data, fill forms, test sites and take screenshots. Needs uv; cloud browsers need sign-in or an API key.
- [AWS Startup Advisor](https://hebbmind.com/plugin/aws-startup-advisor.md): [Plugin] AWS's official plugin for startups: answers AWS Activate credit eligibility and 60+ startup perks, gives architecture and cost advice by funding stage, team size and runway, and plans migrations from GCP, Azure or Heroku. Perk lookups need no AWS account; migrations need your repo.
- [Weblate MCP Server](https://hebbmind.com/mcp/weblate-mcp.md): [MCP] Community MCP for Weblate, the open-source translation platform (self-hosted or hosted): translators can find untranslated or needs-editing strings in plain language, write translations in bulk, and check per-language progress and change history. Needs your Weblate API URL and token, and Node.js.
- [Product Launch Video](https://hebbmind.com/skill/product-launch-video.md): [Skill] Builds product launch, promo and feature announcement videos with Remotion (React): asks nine questions about product, audience, duration, voiceover and channel, proposes 2-3 visual directions, writes a storyboard.json, then codes scenes and optional voiceover.
- [Grafana AI Marketplace](https://hebbmind.com/plugin/ai-marketplace.md): [Plugin] Grafana's official plugin marketplace with three plugins: the hosted Grafana Cloud MCP, the local mcp-grafana and Grafana Assistant, covering dashboards, data sources, Prometheus and Loki queries, alerting and incident management. Works with Claude Code and Codex.
- [Semgrep Guardian](https://hebbmind.com/plugin/semgrep-plugin.md): [Plugin] Semgrep's official MCP server plus hooks: every file the agent writes is scanned with Semgrep Code, Supply Chain and Secrets for vulnerabilities, malicious dependencies and hardcoded secrets; the agent rewrites until clean or you dismiss findings. Requires a Semgrep login.
- [Datadog](https://hebbmind.com/plugin/claude-code-plugin.md): [Plugin] Preconfigures the Datadog MCP in Claude Code to query logs, metrics, traces, dashboards and monitors in plain language while troubleshooting production. Maintained by Datadog; needs a Datadog account (OAuth or API key). In preview.
- [Icons8 MCP Server](https://hebbmind.com/mcp/icons8-mcp.md): [MCP] Icons8's official remote MCP: search and preview 420,000 icons in 132 styles, drop icons straight into web pages or projects, or swap an existing icon set for a new style. Free HD PNGs with attribution link after signing in to Icons8; SVG needs a paid subscription.
- [Linear Monitor](https://hebbmind.com/skill/linear-monitor.md): [Skill] Health-checks Linear projects for targets at risk of slipping, In Progress issues with no comment in over 7 days, orphan issues without milestones, and common anti-patterns. Reads and comments only, never mass-creates or restructures. Can run from a Cursor Automation. Needs the Linear MCP.
- [Linear Setup](https://hebbmind.com/skill/linear-setup.md): [Skill] Bootstraps Linear tracking for a repo: checks for an existing project, anchors milestones to a North Star, backfills Done work only with evidence from the CHANGELOG, roadmap or git log, wires blockedBy links, and writes the protocol into CLAUDE.md, AGENTS.md or Cursor rules. Needs the Linear MCP.
- [Linear Sync](https://hebbmind.com/skill/linear-sync.md): [Skill] Syncs, audits or rescues an existing Linear project against repo reality: enumerates issues, milestones, labels and docs, scores it on a 20-point rubric with a gap list, asks per category before any write, fixes orphans, milestones and dependencies, then re-scores. Needs the Linear MCP.
- [Linear Discipline](https://hebbmind.com/skill/linear-discipline.md): [Skill] Keeps agent sessions honest in repos with a Linear tracking protocol: search before creating issues, move them to In Progress at start and Done only when shipped, and close the loop before ending. In untracked repos it asks once whether to run linear-setup. Needs the Linear MCP.
- [Linear Finish Install](https://hebbmind.com/skill/linear-finish-install.md): [Skill] Finishes installing the Linear tracking pack: writes an always-on rule that makes Linear the source of truth into Cursor user rules or global files such as ~/.claude/CLAUDE.md and AGENTS.md, then verifies Linear MCP auth. On Cursor it can also set up a weekly health-check automation.
- [Linear Methodology](https://hebbmind.com/skill/linear-methodology.md): [Skill] Entry point of the Linear tracking pack: anchors tracking to the project's North Star and real roadmap, routes requests to linear-setup, linear-sync, linear-monitor or linear-finish-install, and applies linear-discipline throughout the session. Needs the Linear MCP.
- [Cloudinary MCP Servers](https://hebbmind.com/mcp/mcp-servers.md): [MCP] Cloudinary's official MCP servers: upload, search and transform images and videos by chat, manage upload presets and structured metadata, and run AI content analysis, moderation and auto-tagging. Needs a Cloudinary account (some features paid); the command adds only the asset management server.
- [Zeplin MCP Server](https://hebbmind.com/mcp/zeplin-mcp-server.md): [MCP] Zeplin's official MCP: hands screen and component specs, assets, design tokens and designer annotations to the agent so developers can implement designs more accurately during handoff. Needs a Zeplin account, a personal access token and Node.js 20+.
- [Crowdin Skills](https://hebbmind.com/plugin/crowdin-skills.md): [Plugin] Crowdin's official plugin with the Crowdin MCP: manage projects and translations in Claude Code, Cowork or Codex, with skills to build glossaries, add translator context, draft translations for review and answer how-tos. Needs a Crowdin account; drafts and glossary uploads need its CLI.
- [Lovable](https://hebbmind.com/plugin/lovablelabs-mcp.md): [Plugin] Lovable's official plugin: includes the Lovable remote MCP to create, edit, deploy and manage websites and apps in plain language, so founders and PMs can build interactive prototypes fast. Needs a Lovable account; generation and edits use Lovable credits.
- [Mintlify](https://hebbmind.com/plugin/mintlify-claude-plugin.md): [Plugin] Mintlify's official plugin: reference for Mintlify components, docs.json config, navigation and API docs, plus Mintlify docs search and site management, for building and updating product docs and help centers. Needs a Mintlify docs project; management needs browser sign-in.
- [Animate UI](https://hebbmind.com/skill/animate-ui.md): [Skill] Prototyper UI's animation conventions for writing, reviewing or debugging component motion: copy-paste class strings for overlays, dialogs and sheets, press-feedback scales, state transitions, easing tokens and prefers-reduced-motion handling.
- [Build Primitive](https://hebbmind.com/skill/build-primitive.md): [Skill] Guides building Prototyper UI components from scratch when no Base UI primitive exists: ARIA contract first, then keyboard navigation, focus management, controlled and uncontrolled state, form integration and animation, wrapping headless libraries where they fit.
- [Create Component](https://hebbmind.com/skill/create-component.md): [Skill] End-to-end guide for adding components to the Prototyper UI library: templates for wrapping Base UI primitives with CVA variants and compound sub-components, plus registry entries, examples and MDX documentation pages.
- [Prototyper UI](https://hebbmind.com/skill/prototyper-ui.md): [Skill] Usage guide for the Prototyper UI component library, built on @base-ui/react and Tailwind CSS v4 with copy-paste distribution, OKLCH colors and CVA variants: setup, theme tokens, component selection and patterns, noting render= replaces Radix asChild.
- [Box Agent Skills](https://hebbmind.com/plugin/box-skills.md): [Plugin] Box's official plugin: agents search files, organize folders and set sharing via the Box MCP or CLI, and use Box AI for Q&A, summaries and field extraction. Plus law firm workflows (contract review, client intake, M&A data rooms); lawyers make the legal calls. Needs Box MCP authorization.
- [PagerDuty](https://hebbmind.com/plugin/claude-code-plugins.md): [Plugin] PagerDuty's official plugin: analyzes your current git diff against the service's past incidents and change events, gives a 0-5 risk score and suggestions before you commit, and can create PagerDuty SRE Agent skills (early access program required). Needs a PagerDuty API token.
- [Zoom Plugin](https://hebbmind.com/plugin/zoom-plugin.md): [Plugin] Zoom's official plugin: helps plan, build and debug Zoom integrations (REST API, Meeting/Video SDK, webhooks, meeting bots) and includes the Zoom MCP to search meetings and fetch recordings and transcripts. In Claude Code you complete OAuth yourself.
- [UI Theme Designer](https://hebbmind.com/plugin/ui-theme-designer.md): [Plugin] SAP's official plugin: answers questions on configuring the UI theme designer on SAP BTP, creating and publishing themes, and looks up SAP Fiori design tokens and theming parameters used by UI5 controls. For designers theming SAP enterprise apps; no extra SAP software needed.
- [Vanta](https://hebbmind.com/plugin/vanta-mcp-plugin.md): [Plugin] Vanta's official plugin: from Claude Code, review control gaps for SOC 2, ISO 27001 and other frameworks, failing tests, vendor risk and policies, and generate fixes for code-level issues. Needs admin access to a paid Vanta account (browser auth); have compliance conclusions reviewed by an expert.

Next page: https://hebbmind.com/tools.md?page=20&profession=fullstack%2Cfrontend%2Cdevops%2Calgorithm%2Cdata-engineering
