# 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 ML / AI or Data engineering or Finance / Accounting: 1034 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.
> - ML / AI: Model training, evaluation and LLM application development.
> - Data engineering: Data pipelines, warehouse modeling, ETL and data quality.
> - Finance / Accounting: Bookkeeping, reconciliation, financial statements, budgets and tax.

- [PayPal Agent Toolkit](https://hebbmind.com/ja/mcp/paypal-agent-toolkit.md): [MCP] PayPal's official agent toolkit, including the @paypal/mcp server: create and send invoices, handle orders and refunds, manage disputes, subscriptions, product catalogs and shipment tracking, and look up transactions. Needs a PayPal developer access token; defaults to the sandbox.
- [MongoDB](https://hebbmind.com/ja/plugin/mongodb.md): [Plugin] MongoDB's official plugin: runs the MongoDB MCP locally via npx and adds skills for query generation, index tuning, schema design, and full-text and vector search. Connects to self-hosted or Atlas databases with a connection string.
- [MongoDB Agent Skills](https://hebbmind.com/ja/skill/mongodb-agent-skills.md): [Skill] MongoDB's official skill library covering document model design, driver connection setup, query optimization, natural-language query generation, Atlas full-text and vector search, and stream processing. Works alongside the MongoDB MCP Server.
- [Mercury CLI](https://hebbmind.com/ja/cli/mercury-cli.md): [CLI] Official CLI for Mercury, the business banking platform for startups: check balances and transactions, download statements, manage recipients, customers, invoices and cards, and send payments. JSON/YAML output helps agents reconcile. Needs a Mercury login or API token; confirm payments by hand.
- [Miro](https://hebbmind.com/ja/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.
- [Alpaca Skills](https://hebbmind.com/ja/skill/alpaca-skills.md): [Skill] Official skills from US broker Alpaca: teach agents to backtest, place and check paper trades, plus developer guides for Broker API account opening, funding and reconciliation. Needs an Alpaca API key (paper trading uses no real money) and the Alpaca CLI; results need professional review.
- [Slack MCP and Skills Plugin](https://hebbmind.com/ja/plugin/slack-skills-plugin.md): [Plugin] Slack's official plugin: connects the Slack-hosted MCP to search messages and files, send or schedule messages, and read and write canvases. Includes commands for channel summaries and standup reports, plus skills for building Slack apps. Requires workspace admin approval.
- [Swiss Design](https://hebbmind.com/ja/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/ja/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.
- [Financial Modeling Prep MCP Server](https://hebbmind.com/ja/mcp/financial-modeling-prep-mcp-server.md): [MCP] Gives agents 250+ Financial Modeling Prep endpoints: financials, valuation and technical indicators, insider and congressional trades, SEC filings and earnings calendars. Needs an FMP API key (free tier); connect to the author's hosted URL or run locally on Node.js 25.3+. Results need expert review.
- [Octagon MCP Server](https://hebbmind.com/ja/mcp/octagon-mcp-server.md): [MCP] Octagon AI's official research MCP: ask in plain language about SEC filings, earnings calls, financial metrics, stock and crypto prices and news; also prediction-market reports and a deep research agent. Needs a free API key and Node.js. Not investment advice; verify findings.
- [Smooth Shadow Ring](https://hebbmind.com/ja/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/ja/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.
- [FHIR MCP Server](https://hebbmind.com/ja/mcp/fhir-mcp-server.md): [MCP] Connects any FHIR-compliant EHR server (e.g. the Epic sandbox or HAPI) to agents to search, read, create and update patient clinical data in plain language, with SMART on FHIR auth. By WSO2. Needs a FHIR server URL, access token and uv; clinicians must review results.
- [Lokalise CLI v2](https://hebbmind.com/ja/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/ja/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/ja/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.
- [WebGL Components](https://hebbmind.com/ja/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/ja/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.
- [SonarQube](https://hebbmind.com/ja/plugin/sonarqube-agent-plugins.md): [Plugin] Sonar's official plugin bringing SonarQube checks into the agent coding loop: secrets-scanning hook, issue fixing, quality gates, coverage and dependency risk; with Vortex analysis on, every edit is checked. Needs SonarQube (free Community Build works), the sonar CLI and Docker.
- [Twilio MCP](https://hebbmind.com/ja/mcp/twilio-labs-mcp.md): [MCP] From Twilio Labs: exposes Twilio's public APIs (SMS, voice, phone numbers, Serverless and more) as MCP tools generated from its OpenAPI specs, with filtering by service or tag. Needs a Twilio API key; marked as a proof of concept.
- [Slopgent](https://hebbmind.com/ja/skill/slopgent.md): [Skill] Shapes the agent's own replies rather than your documents: separates what changed from what was verified, cuts invented confidence, leads with the action and keeps load-bearing caveats. Manually invoked and stays on until you say stop; a script can enable it in CLAUDE.md or AGENTS.md.
- [Neon Postgres](https://hebbmind.com/ja/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.
- [Square MCP Server](https://hebbmind.com/ja/mcp/square-mcp-server.md): [MCP] Official MCP (beta) from payments and POS platform Square: lets agents query and manage transactions, orders, refunds, invoices, inventory and customers for reconciliation and reporting. Hosted, with Square OAuth sign-in, nothing to install; confirm refunds and other writes manually.
- [render-deploy](https://hebbmind.com/ja/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.
- [PostHog](https://hebbmind.com/ja/plugin/ai-plugin.md): [Plugin] PostHog's official plugin with a built-in MCP and 30+ skills: query product analytics, feature flags, A/B experiments, dashboards and error tracking from chat, and optionally send Claude Code sessions to LLM Analytics. Needs OAuth sign-in with a PostHog account.
- [MLflow Skills](https://hebbmind.com/ja/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+.
- [60fps Animation](https://hebbmind.com/ja/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/ja/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/ja/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/ja/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.
- [Glassmorphism](https://hebbmind.com/ja/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/ja/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.
- [Page Transition Animation](https://hebbmind.com/ja/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.
- [SVG Animation](https://hebbmind.com/ja/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.
- [Lottie Animation](https://hebbmind.com/ja/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.
- [Prisma Skills](https://hebbmind.com/ja/skill/prisma-skills.md): [Skill] Prisma's official skills: the Prisma ORM CLI, Client query API, connection setup for various databases, a v6 to v7 upgrade guide, and deployment workflows for Prisma Postgres and Compute.
- [SimpleLocalize CLI](https://hebbmind.com/ja/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/ja/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.
- [Nutrient DWS MCP Server](https://hebbmind.com/ja/mcp/nutrient-dws-mcp-server.md): [MCP] Official MCP from Nutrient (formerly PSPDFKit): merge PDFs, convert between Office and PDF, OCR, watermark, redact personal data, add digital signatures, and extract fields from invoices and contracts. Files are processed in Nutrient's cloud; needs a free account (page-based credits) and Node.js.
- [locize-cli](https://hebbmind.com/ja/cli/locize-cli.md): [CLI] Locize's official CLI: sync local translation files with the Locize platform, add, remove and look up keys, download published translations, manage versions and branches, and export JSON, XLIFF, PO, CSV or Excel for translators. Needs a Locize account, project ID and API key; free plan available.
- [Audit Design System](https://hebbmind.com/ja/skill/audit-design-system.md): [Skill] Audits a Figma screen or component for design-system drift, read-only: shared primitives rebuilt as plain frames, hard-coded values instead of variables, and variant drift. Each finding cites structural evidence and may suggest a replacement. Outputs Markdown or JSON; needs Figma MCP.
- [Pinecone Plugin for Claude Code](https://hebbmind.com/ja/plugin/pinecone-claude-code-plugin.md): [Plugin] Pinecone's official plugin: bundles the Pinecone MCP server and /pinecone skill commands to create vector indexes, upsert data, search in plain language, or build a document Q&A assistant with citations from Claude Code. Needs a Pinecone API key (free sign-up); Assistant features also need uv.
- [12 Principles of Animation](https://hebbmind.com/ja/skill/12-principles-of-animation.md): [Skill] Audits animation code against Disney's 12 principles adapted for the web, checking timing, easing, physics and staging rules such as user-initiated motion under 300ms and ease-out entrances, and reports findings as file:line.
- [Generating Sounds with AI](https://hebbmind.com/ja/skill/generating-sounds-with-ai.md): [Skill] Audits Web Audio API code for procedural UI sound synthesis: reusing one AudioContext, resuming when suspended, disconnecting nodes, exponential decay envelopes, noise for clicks and parameter choices, with findings reported as file:line.
- [Mastering AnimatePresence](https://hebbmind.com/ja/skill/mastering-animate-presence.md): [Skill] Audits Motion (Framer Motion) code against AnimatePresence rules: wrapping conditional exits, exit props and keys, the useIsPresent and usePresence hooks, choosing a mode, and coordinating nested exits. Reports findings as file:line. For React projects.
- [Morphing Icons](https://hebbmind.com/ja/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/ja/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/ja/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/ja/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.

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