# 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 ML / AI, Tagged `web-development`: 66 items. > - Full-stack / Indie: General software work: coding-agent workflows, code review, debugging and Git collaboration. > - ML / AI: Model training, evaluation and LLM application development. - [Frontend Design](https://hebbmind.com/ru/skill/frontend-design.md): [Skill] Has the agent commit to a visual direction before building or redesigning an interface, making deliberate choices on color, type and layout instead of generic, templated AI UI. Official Anthropic skill. - [Frontend Design](https://hebbmind.com/ru/plugin/frontend-design.md): [Plugin] Has the agent settle on a clear aesthetic direction first, then write distinctive, production-ready frontend interfaces that avoid the generic AI look. Official Anthropic plugin. - [Playwright MCP](https://hebbmind.com/ru/mcp/playwright.md): [MCP] Lets agents drive a real browser through the accessibility tree: navigate, click, fill forms and take screenshots, without needing a vision model. Maintained by Microsoft. - [Web Artifacts Builder](https://hebbmind.com/ru/skill/web-artifacts-builder.md): [Skill] Builds multi-component web pages that need state or routing with React, Tailwind CSS and shadcn/ui, using bundled init and build scripts, then packs them into a single HTML file for a claude.ai Artifact. Official Anthropic skill. - [webapp-testing](https://hebbmind.com/ru/skill/webapp-testing.md): [Skill] Drives local web apps with Python Playwright scripts to verify features, debug the UI, take screenshots and read browser logs. Includes helper scripts to start and stop dev servers. Official Anthropic skill. - [next-dev-loop](https://hebbmind.com/ru/skill/next-dev-loop.md): [Skill] After code changes, has the agent check routes, errors and page behavior in the running Next.js app via /_next/mcp and agent-browser to confirm the change really works. Maintained by Next.js; needs Next.js 16.3+ (Turbopack) and agent-browser. - [Next.js Skills](https://hebbmind.com/ru/plugin/vercel-skills.md): [Plugin] Official Next.js plugin shipped in the vercel/next.js repo: guides enabling and tuning Cache Components and Partial Prefetching, and verifies changes on a running dev server with the Next.js MCP and agent-browser. - [UI UX Pro Max](https://hebbmind.com/ru/skill/ui-ux-pro-max-skill.md): [Skill] UI design knowledge base skill: looks up UI styles, palettes, font pairings, charts and UX guidelines by product type and generates a full design system, covering 22 stacks including React, SwiftUI and Flutter. Needs Python 3 locally. - [shadcn/ui](https://hebbmind.com/ru/skill/shadcn.md): [Skill] Official shadcn/ui skill: uses the shadcn CLI to read project config and component docs, then adds, searches, composes and fixes components following styling, form and accessibility rules. Can also start new projects from presets. - [shadcn CLI](https://hebbmind.com/ru/cli/shadcn.md): [CLI] Official shadcn/ui CLI: initializes projects and adds component source to your codebase on demand, with switchable presets. Since v4 it offers --dry-run and --diff so agents can preview changes, and it comes with an agent skill. - [shadcn MCP Server](https://hebbmind.com/ru/mcp/shadcn-ui-mcp.md): [MCP] MCP server built into the official shadcn CLI: lets agents browse and search components, blocks and templates in any configured registry, including private ones, and install them into your project in plain language. The project needs a components.json. - [Deno](https://hebbmind.com/ru/cli/deno.md): [CLI] JavaScript, TypeScript and WebAssembly runtime with built-in formatting, linting, testing and compilation. Scripts get no file, network or environment access unless granted with --allow-* flags, making agent-generated scripts safer to run. - [Taste Skill](https://hebbmind.com/ru/skill/taste-skill.md): [Skill] Helps agents build frontends that don't look templated: picks a design direction first, then tunes layout variance, motion intensity and information density. Also includes redesign audits, minimalist and brutalist styles, and design reference generation. - [Playwright](https://hebbmind.com/ru/cli/playwright.md): [CLI] Microsoft's cross-browser end-to-end testing framework: one API drives Chromium, Firefox and WebKit, npx playwright test runs tests in parallel and isolation, with auto-waiting and trace replay for debugging failures. - [Bun](https://hebbmind.com/ru/cli/bun.md): [CLI] All-in-one JavaScript and TypeScript toolchain: a single bun binary is a Node.js-compatible runtime, package manager, test runner and script runner, with noticeably faster installs and test runs. - [Storybook MCP Addon](https://hebbmind.com/ru/mcp/storybookjs-mcp.md): [MCP] Official Storybook addon that exposes an MCP endpoint on the Storybook dev server so agents can look up component docs and props, write and preview stories, and run component and accessibility tests. Storybook must be running; AI features are in preview. - [Hugo](https://hebbmind.com/ru/cli/hugo.md): [CLI] Static site generator written in Go that builds Markdown content into docs sites, blogs or landing pages in seconds, with a local preview server and an asset pipeline for images, CSS and JS. - [Impeccable](https://hebbmind.com/ru/plugin/impeccable.md): [Plugin] Frontend design quality plugin: one skill plus 24 commands (audit, critique, polish and more) and 61 built-in deterministic rules that find common design flaws in AI-generated interfaces and fix them one by one. - [Impeccable](https://hebbmind.com/ru/skill/impeccable.md): [Skill] Frontend design polish skill: one skill with 24 commands such as polish, audit, critique and typeset, plus 61 deterministic rules that catch typical AI-generated UI problems, with live iteration in the browser. Works with Claude Code, Codex, Cursor and others. - [Pake](https://hebbmind.com/ru/cli/pake.md): [CLI] Packs a web page, local HTML or dist folder into a lightweight desktop app with one command (built on Rust Tauri; macOS, Windows, Linux), with --json output and llms.txt for agents. Needs Node.js; installs Rust automatically if missing. - [mkcert](https://hebbmind.com/ru/cli/mkcert.md): [CLI] Creates a local CA with one command and issues development HTTPS certificates trusted by your system and browsers, for localhost, IPs and wildcard domains, with no extra configuration. Run mkcert -install once first to add the root certificate to the trust store. - [Chrome DevTools MCP](https://hebbmind.com/ru/plugin/chrome-devtools-mcp.md): [Plugin] Official Chrome plugin bundling the Chrome DevTools MCP with debugging skills for accessibility, LCP and memory leaks: lets agents drive and inspect a real Chrome and analyze network requests, console logs and performance traces. Collects usage stats by default; can be disabled. - [daisyUI](https://hebbmind.com/ru/skill/daisyui.md): [Skill] Official daisyUI skill: the agent uses daisyUI 5 component classes, semantic colors and themes whenever it writes HTML or JSX, picking components by intended function, reading their guides and following their exact structure. Includes install, usage, config and color guides. Built on Tailwind CSS 4. - [JavaScript TypeScript](https://hebbmind.com/ru/plugin/javascript-typescript.md): [Plugin] JS/TS development plugin with javascript-pro and typescript-pro subagents, a TypeScript project scaffolding command, and 4 skills on modern JavaScript, advanced TypeScript types, Node.js backends and JS testing. Part of the wshobson/agents marketplace. - [Playground](https://hebbmind.com/ru/plugin/playground.md): [Plugin] Has the agent build single-file HTML interactive playgrounds: visual controls on one side, live preview on the other, and a prompt to copy back into Claude. Templates for design tuning, data exploration, concept maps, doc annotation, code review and architecture diagrams. By Anthropic. - [React Composition Patterns](https://hebbmind.com/ru/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/ru/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. - [Lighthouse](https://hebbmind.com/ru/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. - [Angular CLI MCP Server](https://hebbmind.com/ru/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. - [Biome](https://hebbmind.com/ru/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. - [Vercel CLI](https://hebbmind.com/ru/cli/vercel-cli.md): [CLI] Vercel's official CLI: deploy frontend and full-stack projects with one command and manage preview environments, environment variables, domains and logs. Requires a Vercel account (free tier available). - [MiniMax Skills](https://hebbmind.com/ru/plugin/minimax-ai-skills.md): [Plugin] MiniMax's official skill plugin with dev guides for frontend, full-stack, Android, iOS, Flutter, React Native and GLSL shaders, plus PDF, PowerPoint, Excel and Word document skills and image, video and music generation. Media skills need a MiniMax API key. Still in beta. - [MiniMax Skills](https://hebbmind.com/ru/skill/minimax-ai-skills.md): [Skill] MiniMax's official skill collection covering frontend, full-stack, Android, iOS, Flutter, React Native and GLSL shader development, plus PDF, Word, Excel and PowerPoint document generation. Some media skills need a MiniMax API key. Still in beta. - [Claude Skills (Fullstack Dev Skills)](https://hebbmind.com/ru/plugin/jeffallan-claude-skills.md): [Plugin] Bundles 60+ full-stack specialist skills into one plugin: experts for 12 languages including Python, TypeScript, Go, Rust and Java, and frameworks like React, Django and Spring Boot, activated automatically by request. Also includes Jira and Confluence workflow commands (needs Atlassian MCP). - [WeasyPrint](https://hebbmind.com/ru/cli/weasyprint.md): [CLI] Rendering engine that lays out HTML and CSS and exports PDF, supporting paged media and other print style standards, ideal for generating reports, invoices and receipts in bulk. Written in Python; depends on the system Pango library. - [Build ChatGPT App](https://hebbmind.com/ru/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. - [Build Web Apps](https://hebbmind.com/ru/plugin/build-web-apps.md): [Plugin] OpenAI's official Codex plugin for building frontend apps and generating visual assets, testing and debugging in a browser, plus best-practice skills for React, shadcn/ui, Stripe payments and Supabase databases. Codex only. - [Build Web Data Visualization](https://hebbmind.com/ru/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. - [OpenAI Ads Conversions](https://hebbmind.com/ru/plugin/openai-ads-conversions.md): [Plugin] OpenAI's official Codex plugin for adding the OpenAI Ads measurement pixel and optional Conversions API (CAPI) to a website, with local validation scripts plus key and deduplication guidance. Needs the site's source and an OpenAI Ads account; review manually before launch. - [21st MCP (formerly Magic MCP)](https://hebbmind.com/ru/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. - [Vite](https://hebbmind.com/ru/skill/vite.md): [Skill] Reference for Vite 8: vite.config.ts, features like import.meta.glob and asset queries, the plugin API, library mode and SSR, the Environment API, and migrating to the Rolldown bundler and Oxc transformer. Prefers TypeScript config and ESM. Generated by Anthony Fu from the official docs. - [pnpm](https://hebbmind.com/ru/skill/pnpm.md): [Skill] Reference for pnpm 12: CLI, pnpm-workspace.yaml settings, monorepo workspaces, catalogs, overrides, patches, supply-chain settings such as build approval, task orchestration, CI setup and migration from npm, Yarn or older pnpm. Generated by Anthony Fu from the official docs. - [Antfu Conventions](https://hebbmind.com/ru/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. - [Nitro](https://hebbmind.com/ru/skill/nitro.md): [Skill] Reference for Nitro v3, the server toolkit behind Nuxt: file routes with H3 v2 handlers, route rules, caching, KV storage, tasks, WebSockets and OpenAPI, plus deploy presets and v2 migration notes. Generated by Anthony Fu from the official docs. - [Nuxt](https://hebbmind.com/ru/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. - [WP-CLI](https://hebbmind.com/ru/cli/wp-cli.md): [CLI] WordPress's official CLI: install and update plugins and themes, manage posts and users, import and export content, run database search-replace and configure multisite from the terminal, without opening wp-admin. Requires PHP 7.2.24 or later. - [Wrangler](https://hebbmind.com/ru/cli/wrangler.md): [CLI] Cloudflare's official Workers CLI: develop and debug Workers locally, deploy them, manage D1, R2, KV and other resources, and tail live logs. Cloudflare recommends installing it per project; requires a Cloudflare account. - [Playwright Skill](https://hebbmind.com/ru/plugin/playwright-skill.md): [Plugin] Lets agents write and run Playwright scripts on the fly for browser automation: page tests, UX checks and multi-step flows, opening a visible browser by default and auto-detecting local dev servers. After installing the plugin, run npm run setup in the skill directory. - [Web Quality Skills](https://hebbmind.com/ru/skill/web-quality-skills.md): [Skill] Measurement-first audits and optimization of web quality using Lighthouse, Chrome DevTools performance traces and CrUX data, covering Core Web Vitals, WCAG 2.2 accessibility, SEO and best practices, for any frontend framework. By Addy Osmani (not an official Google project). - [Modern Web Guidance](https://hebbmind.com/ru/plugin/modern-web-guidance.md): [Plugin] Gives agents on-demand guidance for the modern web platform, covering View Transitions, container queries, Popover, INP optimization, accessibility and more, with browser compatibility data so they avoid outdated code. Maintained by the Google Chrome team; currently in preview. Next page: https://hebbmind.com/ru/tools.md?page=2&profession=fullstack%2Calgorithm&tag=web-development