# 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 Type Skill, Resources for Frontend or DevOps / SRE or ML / AI: 253 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. - [Superpowers](https://hebbmind.com/ru/skill/superpowers.md): [Skill] A full development methodology for coding agents: brainstorm a design, break it into an implementation plan, dispatch subagents to build and review each task, with mandatory TDD and systematic debugging. Installed as a plugin, it injects its bootstrap automatically. - [Skills For Real Engineers (Matt Pocock)](https://hebbmind.com/ru/skill/mattpocock-skills.md): [Skill] Matt Pocock's engineering skills: grill-me interrogates you to align on requirements, to-spec turns discussion into a spec, to-tickets breaks it into tickets, plus tdd, diagnosing-bugs, code-review and more. Run setup-matt-pocock-skills once per repo first. - [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. - [Skill Creator](https://hebbmind.com/ru/skill/skill-creator.md): [Skill] Guides the agent through writing or improving a skill: clarify intent, draft SKILL.md, run scored evals with and without the skill, then tune the description so it triggers accurately. Official Anthropic skill. - [Scientific Agent Skills](https://hebbmind.com/ru/skill/scientific-agent-skills.md): [Skill] 166 research skills maintained by K-Dense (formerly Claude Scientific Skills), spanning bioinformatics, cheminformatics, clinical research, materials and physics, including unified access to 78 public databases such as PubChem and UniProt. Works with Claude Code, Codex and Cursor. - [Systematic Debugging](https://hebbmind.com/ru/skill/systematic-debugging.md): [Skill] A four-phase root-cause debugging method: investigate the root cause, compare against working examples, test one hypothesis at a time, then fix the root cause. Guessing at code changes before locating the cause is not allowed. From the Superpowers workflow. - [Brainstorming](https://hebbmind.com/ru/skill/brainstorming.md): [Skill] Before writing code, asks questions one at a time to clarify intent, constraints and success criteria, turning a vague idea into a reviewable design; implementation starts only after you approve it. A core Superpowers skill. - [Writing Plans](https://hebbmind.com/ru/skill/writing-plans.md): [Skill] Once requirements or a spec exist and before touching code, writes multi-step work as a fine-grained implementation plan listing the files, interface signatures and tests to verify each step. A core Superpowers skill. - [Using Git Worktrees](https://hebbmind.com/ru/skill/using-git-worktrees.md): [Skill] Sets up an isolated workspace before feature work: uses the agent's built-in worktree tool when available, otherwise falls back to git worktree, then installs dependencies and runs baseline tests to confirm a clean start. From Superpowers. - [Verification Before Completion](https://hebbmind.com/ru/skill/verification-before-completion.md): [Skill] Requires the agent to run the full verification commands and read the output before claiming work is done, fixed or passing, backing claims with evidence and ruling out unverified success reports. From the Superpowers workflow. - [Requesting Code Review](https://hebbmind.com/ru/skill/requesting-code-review.md): [Skill] Before finishing a task or merging, dispatches an independent reviewer subagent over a git commit range to check the work against the plan and requirements, then handles feedback by severity: critical, important, minor. Part of obra/superpowers. - [Diagnosing Bugs](https://hebbmind.com/ru/skill/diagnosing-bugs.md): [Skill] A disciplined process for hard bugs and performance regressions: build a reliable reproduction loop, reproduce and minimize, form hypotheses, instrument to verify, then fix and add a regression test, redacting secrets in output. By Matt Pocock. - [tdd](https://hebbmind.com/ru/skill/tdd.md): [Skill] Test-driven development in vertical slices: agree on test seams with the user first, verify behavior only through public interfaces, and avoid listed anti-patterns such as implementation coupling and tautological tests. From Matt Pocock's skills collection. - [Karpathy-Inspired Claude Code Guidelines](https://hebbmind.com/ru/skill/andrej-karpathy-skills.md): [Skill] Behavior guidelines drawn from Karpathy's observations of how LLMs go wrong when coding: think before acting, keep it simple, make surgical changes only, and drive work by verifiable goals. Can also be used directly as a CLAUDE.md. - [Claude API](https://hebbmind.com/ru/skill/claude-api.md): [Skill] Reference for the Claude API and Anthropic SDK: model selection and pricing, streaming, tool use, prompt caching, Managed Agents and more, plus workflows for model migration and prompt audits. Official Anthropic skill. - [MCP Builder](https://hebbmind.com/ru/skill/mcp-builder.md): [Skill] Guides agents in building quality MCP servers: research the protocol and target API, design tools, implement with Python (FastMCP) or the TypeScript SDK, and write evaluation questions to test the result. Official Anthropic skill. - [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. - [Ponytail](https://hebbmind.com/ru/skill/ponytail.md): [Skill] Has the agent follow a 'don't write it if you can avoid it' ladder: ask if it's needed, then reuse existing code, the standard library, platform features and installed dependencies, writing only the minimum while keeping validation, error handling, security and accessibility. - [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 Cache Components Optimizer](https://hebbmind.com/ru/skill/next-cache-components-optimizer.md): [Skill] Drives a Next.js route to instant navigation under Cache Components: writes a failing @next/playwright instant() e2e test, pushes Suspense boundaries down to grow the static shell until it passes, and keeps the test as a regression guard. Requires Next.js 16.3+ with cacheComponents. - [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. - [Migrate Radix to Base UI](https://hebbmind.com/ru/skill/migrate-radix-to-base.md): [Skill] Migrates React projects and shadcn components from Radix UI to Base UI, one component at a time or the whole project on request. Prefers the shadcn CLI's base variants merged with user customizations, typechecks every step, and writes a per-component report in .migration/. From the shadcn/ui repo. - [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. - [Agent Skills (Addy Osmani)](https://hebbmind.com/ru/skill/addyosmani-agent-skills.md): [Skill] Engineering skill collection spanning define, plan, build, verify, review and ship, with /spec, /plan, /build, /test, /review and /ship commands, including TDD, code review and web performance audits. By Addy Osmani. - [Code Review and Quality](https://hebbmind.com/ru/skill/code-review-and-quality.md): [Skill] Reviews code changes before merge across five axes: correctness, readability, architecture, security and performance. Works on code and PRs from you, other agents or other people, judged by whether they improve overall code health. Part of Addy Osmani's agent-skills. - [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. - [Archify](https://hebbmind.com/ru/skill/archify.md): [Skill] Turns natural-language descriptions, Mermaid or a real code repo into interactive single-file HTML diagrams: architecture, flowcharts, sequence diagrams, data flows and state machines. Validates output automatically and exports PNG or SVG. - [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. - [SEO Audit](https://hebbmind.com/ru/skill/seo-audit.md): [Skill] Diagnoses website SEO issues: checks crawling and indexing, Core Web Vitals, metadata and on-page content, and gives prioritized, actionable fixes. From the marketingskills collection. - [Chrome DevTools](https://hebbmind.com/ru/skill/chrome-devtools.md): [Skill] Teaches agents to use the Chrome DevTools MCP efficiently: snapshot first to get element uids, screenshot only when needed, paginate and filter large output, inspect CSS and test browser extensions. Needs chrome-devtools-mcp configured; maintained by the Chrome DevTools team. - [Agentic Awesome Skills](https://hebbmind.com/ru/skill/agentic-awesome-skills.md): [Skill] Collection of 2,400+ installable SKILL.md skills across development, security, cloud and ops, AI, marketing and more, with the AAS Core local MCP and an installer that help agents search, pick skills and preview install plans. Formerly antigravity-awesome-skills. - [Open Code Review](https://hebbmind.com/ru/skill/open-code-review.md): [Skill] Drives Alibaba's open-source ocr CLI to review Git changes (working tree, a commit or a branch diff), grouping line-level comments by severity and fixing them on request. Needs an LLM endpoint (Anthropic, OpenAI and other protocols); installs the CLI if missing. By Alibaba. - [Skills For Designers and Engineers](https://hebbmind.com/ru/skill/emilkowalski-skills.md): [Skill] Design engineering skills by Emil Kowalski, author of Sonner and Vaul: choose animation easing and durations, review and improve motion, apply Apple design principles, make web apps feel native on phones, and help pick UI libraries and prototype multiple versions. - [agent-browser](https://hebbmind.com/ru/skill/agent-browser.md): [Skill] Companion skill for the agent-browser CLI: has the agent load usage matching the installed version to navigate, fill forms, take screenshots and run exploratory tests, and can also drive Electron desktop apps. Install the agent-browser CLI first; from Vercel Labs. - [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. - [daisyUI Colors](https://hebbmind.com/ru/skill/daisyui-colors.md): [Skill] Color rules for daisyUI 5: explains semantic names such as primary, base-100 and error with their -content foregrounds, says to prefer them over fixed Tailwind colors and never add dark: to them, and shows how to enable, create and override themes. Part of the official daisyUI skill. - [daisyUI Config](https://hebbmind.com/ru/skill/daisyui-config.md): [Skill] Configuration reference for daisyUI 5: how to set enabled themes, the default and prefers-dark theme, root selector, included or excluded modules, class prefix and console logs in the CSS plugin block, with full examples. Part of the official daisyUI skill. - [daisyUI Install](https://hebbmind.com/ru/skill/daisyui-install.md): [Skill] Installation guide for daisyUI 5: requires Tailwind CSS 4 without tailwind.config.js, installs via npm and adds the plugin in CSS, covers the CDN setup, and links framework guides for Next.js, Vue, SvelteKit, Laravel and more. Part of the official daisyUI skill. - [daisyUI Usage](https://hebbmind.com/ru/skill/daisyui-usage.md): [Skill] Usage rules for daisyUI 5: combine component, part and modifier classes, add Tailwind utilities when needed and the ! override only as a last resort, use the default variant unless asked, make layouts responsive, and follow Refactoring UI for design choices. Part of the official daisyUI skill. - [wshobson/agents](https://hebbmind.com/ru/skill/wshobson-agents.md): [Skill] The 180+ skills bundled with the 90+ plugins in the wshobson/agents marketplace, covering development across many languages and frameworks, testing, ops, security, data and LLM apps. Install individually with npx skills or gh skill; skills only, without subagents or commands. - [Awesome GitHub Copilot](https://hebbmind.com/ru/skill/awesome-copilot.md): [Skill] Community collection maintained under GitHub's official org with hundreds of skills following the Agent Skills spec, plus custom agents, instructions and plugins across many languages, frameworks and workflows. Content is third-party; install single skills with gh skills install. - [Awesome Copilot Skills](https://hebbmind.com/ru/skill/github-skills.md): [Skill] Community skill collection in GitHub's official repo: 400+ skills following the Agent Skills spec, covering codebase onboarding, testing, cloud and DevOps, agent security and more. Install individual skills with gh skills install. - [Find Skills](https://hebbmind.com/ru/skill/find-skills.md): [Skill] When a user asks whether a skill exists for some task, searches the skills.sh ecosystem with the skills CLI, then recommends and installs a fit. Maintained by Vercel Labs and shipped in the skills CLI repo. - [Anthropic Cybersecurity Skills](https://hebbmind.com/ru/skill/anthropic-cybersecurity-skills.md): [Skill] Community-maintained cybersecurity skill library: 800+ skills across 34 domains including threat hunting, incident forensics, penetration testing and cloud security, mapped to MITRE ATT&CK and NIST CSF. Not by Anthropic; offensive skills are for authorized testing only. - [Deploy to Vercel](https://hebbmind.com/ru/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. - [Vercel Optimize](https://hebbmind.com/ru/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. - [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. - [Web Design Guidelines](https://hebbmind.com/ru/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. Next page: https://hebbmind.com/ru/tools.md?page=2&type=skill&profession=frontend%2Cdevops%2Calgorithm