# 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 ML / AI: 847 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. - [Build Web Data Visualization](https://hebbmind.com/skill/openai-openai-skills.md): [Skill] OpenAI's official set of 18 web data visualization skills: chart selection and critique, D3, Canvas, Three.js, maps, statistical uncertainty, live dashboards, Gantt charts, UML and scrollytelling. Ships with a Codex plugin; installed alone, the plugin-level references are missing. - [Frontend Testing Debugging](https://hebbmind.com/skill/playwright-interactive.md): [Skill] Tests and debugs a locally running frontend with Codex's Browser plugin or Playwright: checks blank pages, framework and console errors, captures screenshots, re-verifies after fixes and writes a QA report. Maintained by OpenAI; formerly playwright-interactive in openai/skills. - [OpenAI Developers](https://hebbmind.com/plugin/openai-developers.md): [Plugin] Build with OpenAI best practices inside Codex: call the OpenAI API, build and deploy agents with the Agents SDK, create ChatGPT apps and prepare submission materials, and create API keys directly. Maintained by OpenAI; Codex only. - [Build ChatGPT App](https://hebbmind.com/skill/chatgpt-apps.md): [Skill] Builds, refactors and debugs ChatGPT apps with the OpenAI Apps SDK: plans tools, scaffolds the MCP server and UI widgets, and checks the work against official docs. Maintained by OpenAI; formerly chatgpt-apps in openai/skills. - [Codex Security](https://hebbmind.com/plugin/codex-security.md): [Plugin] Security scans for a whole repo or for changes like PRs and commits, with threat modeling, vulnerability triage, fixes and re-verification; reports export to JSON, SARIF and more. OpenAI's official Codex plugin; requires Codex Security access. - [sd](https://hebbmind.com/cli/sd.md): [CLI] A more intuitive find-and-replace tool than sed: uses JavaScript/Python-style regex syntax, supports literal string mode and in-place file edits, which suits agents doing bulk text rewrites. - [VTracer](https://hebbmind.com/cli/vtracer.md): [CLI] Converts raster images like JPG and PNG to SVG, handling color tracing, black-and-white line art and unevenly lit scans, for vectorizing logos, illustrations and old drawings. The CLI is a 1.0 preview installed with cargo (needs Rust); a desktop app is also available. - [Waza](https://hebbmind.com/plugin/waza.md): [Plugin] Tw93's lean pack of engineering-habit skills: /think to pressure-test plans, /hunt for root causes, /check to review diffs, /ui for frontend interfaces, /write to polish Chinese and English prose, and more (8 skills). Works with both Claude Code and Codex. - [BrowserTools MCP](https://hebbmind.com/mcp/browser-tools-mcp.md): [MCP] Hands your current browser session to the agent through a Chrome extension: read console logs and network requests, take screenshots, and run Lighthouse performance, accessibility and SEO audits without signing in again. - [Jupytext](https://hebbmind.com/cli/jupytext.md): [CLI] Converts and two-way syncs Jupyter notebooks with plain Python scripts or Markdown, so agents can edit research and teaching notebooks like ordinary text and diffs stay readable. Needs a local Python environment; install with pip. - [arxiv-latex-cleaner](https://hebbmind.com/cli/arxiv-latex-cleaner.md): [CLI] Cleans a LaTeX project before arXiv submission: removes comments, auxiliary files and unused .tex files and images, and can compress images, so internal notes are not published with the source. From Google Research; installable with Homebrew on macOS. - [Backlog.md](https://hebbmind.com/cli/backlog-md.md): [CLI] Turns any folder into a Markdown task board: Claude Code or Codex break work into tasks with acceptance criteria for review before coding, managed from the terminal or a browser board. Works without Git for personal plans too. Runs locally with no account; needs Node.js or Homebrew. - [Talk to Figma MCP](https://hebbmind.com/mcp/cursor-talk-to-figma-mcp.md): [MCP] Uses a Figma plugin and a local WebSocket server so agents can read and directly edit designs: create frames and text, adjust auto layout and styles, and replace copy in bulk. Requires Bun; now maintained by Grab. - [Trafilatura](https://hebbmind.com/cli/trafilatura.md): [CLI] Python library and CLI for extracting main web content: fetches pages, crawls via sitemaps and RSS feeds, strips headers, footers and other noise, and outputs TXT, Markdown, JSON, XML and more with metadata. Also processes downloaded HTML offline. - [Beautiful Shadows](https://hebbmind.com/skill/beautiful-shadows.md): [Skill] Gives the agent three exact Tailwind arbitrary-value shadow utilities (sm, md, lg) for layered, neutral elevation on cards, controls, popovers and hero media, with rules against mixing them with default shadows, tinting or stacking. - [Cobe.js](https://hebbmind.com/skill/cobejs.md): [Skill] Adds a lightweight interactive WebGL globe with the cobe library: canvas sizing for device pixel ratio, location markers, rotation in onRender, resize handling and teardown, for plain pages or React/Next.js hero sections. - [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. - [Tailwind CSS](https://hebbmind.com/skill/tailwindcss.md): [Skill] General guidance for building UI with Tailwind CSS: responsive and state variants, dark mode, sparing arbitrary values, components before @apply, and pitfalls such as dynamically built class names missing in production, with button and hero examples. - [Animation On Scroll](https://hebbmind.com/skill/animation-on-scroll.md): [Skill] Adds scroll-reveal animations that fire when elements enter the viewport, using an IntersectionObserver snippet plus keyframes and a Tailwind arbitrary animation class; tune threshold, rootMargin, duration, delay and play-once behavior. - [Animation Systems](https://hebbmind.com/skill/animation-systems.md): [Skill] Guides the agent to build a coherent, product-grade web motion system in the style of Stripe, Linear, Apple and Vercel: reusable primitives, duration and easing defaults, stagger choreography, scroll and hover patterns, performance rules and reduced-motion support. - [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. - [WebGL Landing Steering](https://hebbmind.com/skill/webgl-landing-steering.md): [Skill] Steers WebGL-heavy landing pages toward a chosen look by picking one of four visual lanes per page type, passing message, performance, accessibility and reliability gates, and outputting a lane, visual spec, stack, fallback and build order. - [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. - [Pricing Page](https://hebbmind.com/skill/pricing-page.md): [Skill] Designs or rewrites a high-converting SaaS pricing page: gathers plans, limits, upgrade triggers and objections, then structures a value headline, monthly/annual toggle, tiered plans, comparison, FAQ and trust sections with copy templates. - [Marquee Loop](https://hebbmind.com/skill/marquee-loop.md): [Skill] Builds seamless infinite marquees for logos, testimonials, screenshots or tags by duplicating the item sequence and translating the track from 0 to -50%, with stable widths, faded edges, optional hover pause and reduced-motion handling. - [Landing Page](https://hebbmind.com/skill/landing-page.md): [Skill] Designs or rewrites a single-offer, high-converting landing page for SaaS, apps or services: gathers the primary action, audience, objections and proof, then lays out hero, argument and objection-handling sections with copy templates and SEO/AEO notes. - [Container Lines](https://hebbmind.com/skill/container-lines.md): [Skill] Adds thin vertical guide lines at the content container edges plus small corner squares for a measured, structured layout, with CSS tokens and pseudo-element code that keeps guides behind content and out of pointer events. - [Company Logos](https://hebbmind.com/skill/company-logos.md): [Skill] Has the agent use Iconify Simple Icons brand marks instead of typed company names in logo rows, integration grids and partner lists, sized in a 64x64 box, monochrome by default, grid-aligned and labeled for accessibility when needed. - [GSAP ScrollTrigger Storytelling](https://hebbmind.com/skill/gsap-scrolltrigger-storytelling.md): [Skill] Builds cinematic, scroll-driven product storytelling with GSAP ScrollTrigger: pinned scenes, scrubbed timelines, progressive UI reveals and section handoffs, with cleanup in React, simpler choreography on small screens and readable copy and CTAs. - [Masked Reveal](https://hebbmind.com/skill/masked-reveal.md): [Skill] Reveals headings and short copy word by word through an overflow mask as they scroll into view, using GSAP ScrollTrigger and a split helper that avoids the paid SplitText plugin, with aria-label, reduced-motion support and React cleanup. - [Three.js](https://hebbmind.com/skill/threejs.md): [Skill] Builds or debugs interactive 3D web scenes with Three.js: scene, camera, renderer, lights, materials, GLTF loading and controls, plus performance basics like capping pixel ratio, handling resize, disposing WebGL resources and reduced motion. - [Matter.js](https://hebbmind.com/skill/matterjs.md): [Skill] Implements 2D physics interactions with Matter.js: a minimal Engine, Render and Runner setup with bodies, optional mouse drag constraints and SPA cleanup steps, asking about canvas size and renderer when specs are missing. - [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. - [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. - [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. - [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. - [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. - [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. Next page: https://hebbmind.com/tools.md?page=10&profession=fullstack%2Cfrontend%2Calgorithm