# 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 ML / AI or Data engineering or Data analysis: 756 items.

> - 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.
> - Data analysis: Querying, statistical analysis, reporting and visualization.

- [Design](https://hebbmind.com/ja/plugin/design.md): [Plugin] Plugin for design teams: design critiques, design system audits, UX copy, accessibility checks, user research synthesis and developer handoff notes. Official from Anthropic; works best with Figma connected.
- [oh-my-codex](https://hebbmind.com/ja/cli/oh-my-codex.md): [CLI] Adds a workflow layer to OpenAI's Codex CLI: requirement clarification, plan review, persistent goals, parallel multi-agent teams and tmux session management, with project state in .omx/ and a bundled Codex plugin. Community project; needs a signed-in Codex CLI, macOS or Linux recommended.
- [Web Design Guidelines](https://hebbmind.com/ja/skill/web-design-guidelines.md): [Skill] Reviews UI code against Vercel's Web Interface Guidelines, covering accessibility, focus, forms, animation, typography, dark mode and more, listing issues as file:line. Fetches the latest rules before each review. Maintained by Vercel.
- [Vercel Optimize](https://hebbmind.com/ja/skill/vercel-optimize.md): [Skill] Vercel's official cost and performance skill: gathers production metrics, usage and project config, investigates only the routes and files the metrics point to, and returns ranked, doc-backed recommendations. Supports Next.js, SvelteKit and Nuxt; needs Vercel CLI v53+ logged in and linked.
- [Deploy to Vercel](https://hebbmind.com/ja/skill/deploy-to-vercel.md): [Skill] Vercel's official deployment skill: checks the git remote, project link and CLI login, then deploys a preview (default) or production via git push or vercel deploy. When login isn't possible in a sandbox, it can create a claimable preview link.
- [React Composition Patterns](https://hebbmind.com/ja/skill/composition-patterns.md): [Skill] Vercel's guide to React composition patterns: replaces boolean prop sprawl with compound components, lifted state and clean Context interfaces, including React 19 API changes. Useful for refactoring component libraries and reviewing component architecture.
- [Vercel React Best Practices](https://hebbmind.com/ja/skill/react-best-practices.md): [Skill] React and Next.js performance rules from Vercel's engineering team: 70 rules ranked by impact covering request waterfalls, bundle size, server performance and re-renders, for writing, reviewing and refactoring. Maintained by Vercel.
- [Vercel React Native Skills](https://hebbmind.com/ja/skill/react-native-skills.md): [Skill] Vercel's React Native and Expo best practices ranked by impact, covering list scrolling performance, Reanimated animations, navigation, UI patterns, state management and monorepo setup. Maintained by Vercel.
- [Context Mode](https://hebbmind.com/ja/mcp/context-mode.md): [MCP] Runs commands and scripts in a sandbox, indexes large tool outputs for full-text search and returns only results to the context window to save tokens; after compaction it can retrieve edits and task state. Supports Claude Code, Codex and more. Needs Node.js 22.5+.
- [Context Mode](https://hebbmind.com/ja/plugin/context-mode.md): [Plugin] Processes large tool outputs in a sandbox and returns only the results to context; logs session events in SQLite with FTS5 so work continues after context compaction. Supports Claude Code, Codex and a dozen other clients. ELv2 licensed.
- [Claude Code Templates](https://hebbmind.com/ja/cli/claude-code-templates.md): [CLI] Installs ready-made subagents, slash commands, hooks, MCP configs and skills for Claude Code with one npx command, browsable online at aitmpl.com. Also includes session analytics, health checks and other helpers.
- [Cognee MCP](https://hebbmind.com/ja/mcp/cognee-mcp.md): [MCP] Runs the cognee memory engine as an MCP server whose remember, recall and forget tools write documents and conversations into a knowledge graph and vector store for cross-session retrieval. Start it with Docker or uv first; needs an LLM API key by default, or connect to Cognee Cloud.
- [Graphiti MCP Server](https://hebbmind.com/ja/mcp/getzep-mcp-server.md): [MCP] Writes conversations and business data into Graphiti's temporal knowledge graph so agents can retrieve long-term memory by entity, fact and time. Open source from Zep; start FalkorDB or Neo4j and the server with Docker first, and configure an LLM API key.
- [Lighthouse](https://hebbmind.com/ja/cli/lighthouse.md): [CLI] Official web auditing tool from the Google Chrome team: score pages on performance, accessibility, best practices and SEO from the command line and get HTML, JSON or CSV reports, so agents can iterate on a page. Needs Node 22+ and Chrome.
- [Serena](https://hebbmind.com/ja/mcp/serena.md): [MCP] Gives coding agents IDE-like symbol-level code search, editing and refactoring via language servers (LSP) across 40+ languages, with cross-session memory. An optional paid JetBrains plugin backend adds breakpoint debugging. Install with uv first.
- [OpenCLI](https://hebbmind.com/ja/cli/opencli.md): [CLI] Turns websites and Electron desktop apps into deterministic CLIs, with built-in adapters for Reddit, Hacker News, Bilibili, Zhihu, Xiaohongshu and more, and lets agents operate any page through your signed-in Chrome. Needs its companion browser extension.
- [Repomix](https://hebbmind.com/ja/cli/repomix.md): [CLI] Packs a whole repository into a single AI-friendly file (XML, Markdown, JSON or plain text) with per-file token counts, automatically excludes files containing secrets, and can compress code with Tree-sitter or pack remote GitHub repos directly.
- [Claude HUD](https://hebbmind.com/ja/plugin/claude-hud.md): [Plugin] Status line plugin for Claude Code showing the model, Git branch, context usage and rate limits live below the input, optionally with running tools, active subagents and todo progress.
- [Crush](https://hebbmind.com/ja/cli/crush.md): [CLI] Terminal coding agent from Charm: switch models mid-session while keeping context, manage multiple sessions per project, pull code context via LSP, and extend with MCP and any OpenAI- or Anthropic-compatible API.
- [Qwen Code](https://hebbmind.com/ja/cli/qwen-code.md): [CLI] Open-source terminal coding agent from Alibaba's Qwen team with subagents, auto memory, skills and MCP. Works with Qwen, OpenAI, Anthropic, Gemini and other APIs or local models, with IDE plugins and a headless mode (qwen -p).
- [DESIGN.md](https://hebbmind.com/ja/cli/design-md.md): [CLI] Google Labs' DESIGN.md format and CLI: designers capture colors, typography and spacing in a file for agents; lint checks broken references and WCAG contrast, diff compares versions and export outputs design tokens for Tailwind and more. Needs Node.js; the format is in alpha.
- [Beads](https://hebbmind.com/ja/plugin/beads.md): [Plugin] Graph-based task tracking and memory for coding agents: a dependency graph replaces Markdown plans, agents claim ready work with bd ready and keep context across sessions. The plugin injects workflow instructions through hooks. Requires the bd CLI.
- [Beads (bd)](https://hebbmind.com/ja/cli/beads.md): [CLI] Graph-based task tracker CLI (bd) for coding agents: replaces Markdown plans with a dependency-aware task graph that gives long tasks persistent memory. Stored in Dolt and syncable across machines; bd init hooks it into Claude Code and Codex automatically.
- [Task Master](https://hebbmind.com/ja/cli/claude-task-master.md): [CLI] Parses a PRD into a dependency-aware task list so Claude Code, Cursor and other agents pick up the next task in order, split subtasks and update progress. Offers both a CLI and an MCP server. Needs at least one model API key, or reuse a Claude Code or Codex login.
- [Taskmaster](https://hebbmind.com/ja/plugin/claude-task-master.md): [Plugin] Parses a PRD into a dependency-aware task list with complexity analysis, task breakdown and research; the plugin bundles slash commands, subagents and the MCP server. Needs a model API key, or reuse a Claude Code or Codex CLI login.
- [Task Master](https://hebbmind.com/ja/mcp/claude-task-master.md): [MCP] Parses a PRD into a dependency-aware task list so Cursor, Claude Code and other coding agents break it down, implement it and track progress; also works as a CLI. Needs at least one model API key, or reuse a Claude Code or Codex CLI login.
- [Planning with Files](https://hebbmind.com/ja/skill/planning-with-files.md): [Skill] Keeps the plan, research findings and progress in three files (task_plan.md, findings.md, progress.md) and injects them every turn via hooks, so work resumes after /clear, context compaction or an interrupted session. A Chinese-language variant is also available.
- [Planning with Files](https://hebbmind.com/ja/plugin/planning-with-files.md): [Plugin] Manus-style file-based planning: writes the plan, findings and progress to three Markdown files and injects them into context each turn via hooks, so the agent resumes from the current phase after /clear, compaction or a crash. Supports Claude Code, Codex and many other agents.
- [Angular CLI MCP Server](https://hebbmind.com/ja/mcp/angular-mcp.md): [MCP] The MCP server built into the Angular CLI (ng mcp): lets agents search the official angular.dev docs, get best practices, list workspace projects, start the dev server and run build and test targets. Supports read-only and offline modes. Maintained by the Angular team.
- [promptfoo](https://hebbmind.com/ja/cli/promptfoo.md): [CLI] CLI and library for evaluating and red-teaming LLM apps: compare prompts and model outputs in bulk, scan for security vulnerabilities and plug into CI/CD, with evals running locally. Now part of OpenAI and still open source under MIT.
- [Awesome Claude Code Subagents](https://hebbmind.com/ja/plugin/awesome-claude-code-subagents.md): [Plugin] 160+ specialized Claude Code subagents, packaged as plugins in 10 categories such as core development, languages, infrastructure, testing and security, and data and AI, so you install only what you need.
- [Biome](https://hebbmind.com/ja/cli/biome.md): [CLI] All-in-one toolchain for web projects: fast formatting and linting with 500+ rules for JS, TS, JSX, JSON, CSS and GraphQL. Formatting is highly compatible with Prettier, and check --write applies all fixes in one pass.
- [Compound Engineering](https://hebbmind.com/ja/plugin/compound-engineering-plugin.md): [Plugin] Every's compound engineering workflow: brainstorm, plan, execute, simplify and review, then capture what was learned as docs for future work. Includes 36 skills and supports Claude Code, Codex and a dozen other hosts.
- [Claude SEO](https://hebbmind.com/ja/plugin/claude-seo.md): [Plugin] SEO audit plugin covering technical SEO, E-E-A-T content quality, Schema markup, Core Web Vitals, local and e-commerce SEO, and GEO for AI search. Parallel subagents audit and return a prioritized action list. Needs Python 3.10+; Playwright optional for SPA rendering and screenshots.
- [Claude SEO](https://hebbmind.com/ja/skill/claude-seo.md): [Skill] SEO analysis skill pack: 26 sub-skills and 19 subagents run full-site audits in parallel, covering technical SEO, E-E-A-T content quality, Schema, AI search optimization (GEO) and local SEO. Full features require installing it as a plugin and running /seo setup.
- [SuperClaude Framework](https://hebbmind.com/ja/plugin/superclaude-framework.md): [Plugin] Adds a structured dev process to Claude Code: 30 /sc slash commands for brainstorming, implementation, testing, troubleshooting and research, 20 domain expert subagents and 7 behavior modes, with optional MCPs like Context7. Installs via pipx; a marketplace version is in progress.
- [SVGO](https://hebbmind.com/ja/cli/svgo.md): [CLI] SVG optimizer CLI and Node.js library: shrinks SVGs by removing editor metadata, comments, hidden elements and redundant attributes, processes whole directories recursively, and gives fine control through plugin config.
- [BigQuery Basics](https://hebbmind.com/ja/skill/bigquery-basics.md): [Skill] Manages BigQuery datasets, tables and jobs with the bq and gcloud CLIs, runs SQL queries and loads data, with references for client libraries, MCP and Terraform. Google's official skill; requires a Google Cloud project.
- [Google Ads API Account Performance Diagnostics](https://hebbmind.com/ja/skill/google-ads-api-account-diagnostics.md): [Skill] Google's official skill that queries account data through the Google Ads MCP server to diagnose conversion drops, falling leads and impression share lost to bids, budgets or ad rank. Needs a Google Ads account, API credentials (developer token and OAuth) and Python 3.12.
- [Google Agent Skills](https://hebbmind.com/ja/skill/google-google-skills.md): [Skill] Google's official skill library, focused on Google Cloud: 100+ skills for gcloud, Cloud Run, GKE, BigQuery, IAM, monitoring and logging, and the Well-Architected Framework, plus Ads and Analytics.
- [Google Skills](https://hebbmind.com/ja/plugin/google-skills.md): [Plugin] Google's official skill library and plugin marketplace: nearly 150 skills focused on Google Cloud (GKE, BigQuery, Cloud Run, IAM and more), plus 17 product plugins pairing skills with MCP for Cloud SQL, Spanner, AlloyDB, BigQuery, GCS and others.
- [FunASR](https://hebbmind.com/ja/cli/funasr.md): [CLI] Industrial-grade open-source speech recognition toolkit from Alibaba's ModelScope, with an agent-friendly funasr command that turns audio into text, JSON or SRT subtitles in one step, with speaker diarization and timestamps. Strong on Chinese. Requires PyTorch.
- [olmOCR](https://hebbmind.com/ja/cli/olmocr.md): [CLI] AI2's tool for converting PDFs and scans to Markdown with a vision LLM, handling equations, tables, handwriting and multi-column layouts, suited to bulk digitizing papers and archives. Local runs need an NVIDIA GPU with 12GB+ VRAM; otherwise use a paid OpenAI-compatible remote endpoint.
- [PUA](https://hebbmind.com/ja/plugin/pua.md): [Plugin] Pressures the agent with big-tech PUA and PIP-style rhetoric plus structured debugging steps and initiative checks, pushing it to change approach after failures and show evidence before claiming done. Modes include always-on, encouragement and P9 lead. Works with Claude Code, Codex and more.
- [ccusage](https://hebbmind.com/ja/cli/ccusage.md): [CLI] Reports token usage and cost for Claude Code, Codex, Gemini CLI and other coding agents from local logs, by day, week, month or session, and shows Claude Code's 5-hour billing windows.
- [Browser Harness](https://hebbmind.com/ja/cli/browser-harness.md): [CLI] Browser control from the browser-use team: an editable CDP connection lets agents drive the Chrome you are already using, writing missing helper functions as they go and keeping them for reuse. Also offers an MCP server. Allow remote debugging in Chrome on first use.
- [ARIS (Auto-claude-code-research-in-sleep)](https://hebbmind.com/ja/skill/auto-claude-code-research-in-sleep.md): [Skill] Lets Claude Code push ML research forward unattended: literature review, topic selection, experiment deployment, cross-model review loops and paper writing through rebuttal, in 80+ skills. Codex acts as the independent reviewer by default; other model pairings work too.
- [Agent Skills for Context Engineering](https://hebbmind.com/ja/skill/agent-skills-for-context-engineering.md): [Skill] Context and harness engineering skills: context fundamentals, degradation diagnosis and compression, multi-agent architectures, memory systems, tool design, LLM-as-judge evaluation and self-improvement loops. Focused on principles and design patterns, not tied to any agent platform.
- [Agent Skills for Context Engineering](https://hebbmind.com/ja/plugin/agent-skills-for-context-engineering.md): [Plugin] Context and harness engineering skills covering context compression and optimization, multi-agent architectures, memory systems, tool design and LLM-as-judge evaluation, activated automatically by task. Aimed at building production-grade agent systems.
- [lark-base (Lark Base)](https://hebbmind.com/ja/skill/lark-base.md): [Skill] Official Lark (Feishu) skill for Lark Base: create tables, add fields, add and edit records, build views, forms and dashboards, or apply ready-made templates, good for sign-ups, asset registers and trackers. Needs lark-cli on a machine with Node.js, plus app setup and authorization.

Next page: https://hebbmind.com/ja/tools.md?page=6&profession=frontend%2Calgorithm%2Cdata-engineering%2Cdata