# 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 Hardware engineering: 779 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.
> - Hardware engineering: Part and assembly modeling, schematics and PCB review, simulation, and BOM and production files.

- [CC Figma Component](https://hebbmind.com/ja/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/ja/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/ja/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+.
- [Browser Use](https://hebbmind.com/ja/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.
- [Product Launch Video](https://hebbmind.com/ja/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.
- [Sync Figma Token](https://hebbmind.com/ja/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.
- [AWS Startup Advisor](https://hebbmind.com/ja/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.
- [ModelScope MCP Server](https://hebbmind.com/ja/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.
- [Grafana AI Marketplace](https://hebbmind.com/ja/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.
- [Datadog](https://hebbmind.com/ja/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/ja/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.
- [Cloudinary MCP Servers](https://hebbmind.com/ja/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/ja/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/ja/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.
- [UI Theme Designer](https://hebbmind.com/ja/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.
- [Animate UI](https://hebbmind.com/ja/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/ja/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/ja/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/ja/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.
- [PagerDuty](https://hebbmind.com/ja/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.
- [Vanta](https://hebbmind.com/ja/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.
- [Sentry for Claude Code](https://hebbmind.com/ja/plugin/plugin-claude.md): [Plugin] Sentry's official plugin: skills for SDK setup across platforms, production issue debugging, Sentry-aware code review and alert configuration, plus the hosted Sentry MCP to query errors and stack traces. Needs a Sentry account.
- [LogRocket](https://hebbmind.com/ja/plugin/logrocket.md): [Plugin] LogRocket's official plugin: when users report problems, agents pull up their session replays, network requests and errors and analyze the cause, so support doesn't have to keep asking for repro steps. Needs Claude Code and a site or app on paid LogRocket (14-day trial); sign in on first use.
- [Phrase Skills](https://hebbmind.com/ja/plugin/phrase-skills.md): [Plugin] Phrase's official plugin for localization managers and reviewers: splits a mixed style guide into separate guides by content type, audience and more, with terminology pulled out on its own; also generates .phrase.yml config for the Phrase CLI for dev teams. Syncing strings needs a Phrase account.
- [Locize for AI agents](https://hebbmind.com/ja/plugin/locize-agents.md): [Plugin] Locize's official plugin: agents translate and review strings using your project's glossary, style guide and translation memory, and check new copy for banned terms; also bundles the Locize MCP and an i18next skill for developers. Needs a Locize account (free tier); browser auth or a personal token.
- [POEditor MCP Server](https://hebbmind.com/ja/mcp/poeditor-mcp.md): [MCP] POEditor's official remote MCP: translators and localization teams can manage projects, terms and translations from chat, run Google, Microsoft or DeepL machine translation, check quality and export language files. Needs a POEditor account (browser sign-in or API token).
- [Cloudinary Plugin](https://hebbmind.com/ja/plugin/cloudinary-plugin.md): [Plugin] Cloudinary's official plugin with 5 MCP servers and 3 skills: upload, manage, crop and compress image and video assets, run AI image analysis and automated media workflows, and search docs for developers. Needs a Cloudinary account (free tier) or a temporary cloud claimed within 24 hours.
- [SimpleLocalize MCP Server](https://hebbmind.com/ja/mcp/simplelocalize-mcp-server.md): [MCP] SimpleLocalize's official MCP: translators and localization teams can view and edit keys and translations from chat, trigger auto-translation, maintain glossaries, and export or publish translation files. Needs a SimpleLocalize project API key and Node.js.
- [Greptile](https://hebbmind.com/ja/plugin/greptile.md): [Plugin] Greptile's official AI code review plugin: view and address review comments on GitHub or GitLab PRs, review the current branch before opening a PR, and search your team's knowledge base and coding standards. Needs a Greptile account (OAuth, free tier available) and Node locally.
