Build type · Extension
Browser extension
A browser extension is a tight build - manifest, content scripts, cross-browser packaging - a fast, focused build. Skillselion organizes the AI-coding tools for extension work and highlights the best.
The top tools for building browser extension are caveman, vercel-composition-patterns, develop-userscripts.
Type
1CavemanSlash token usage by roughly 75% while keeping every technical detail intact when working with Claude Code, Cursor or similar agents.AI & Agentsskill427k97.3k
2Vercel Composition PatternsGenerate and refactor React components that stay maintainable as complexity grows without boolean prop explosion.Frontend & Designskill285k29.9k
3Develop UserscriptsCorrectly write, debug, and package userscripts for Tampermonkey and ScriptCat with proper metadata, GM APIs, and runtime decisions.Frontend & Designskill-224k71
4Design Taste Frontend V1Ensure every frontend component matches a consistent, opinionated visual and motion language without manual redesign cycles.Frontend & Designskill159k75.1k
5Emil Design EngGet expert guidance on UI polish, component design, animation choices, and the invisible details that make software feel exceptional.Frontend & Designskill104k28.1k
6Tailwind Design SystemGenerate consistent, scalable Tailwind v4 design systems with tokens, component variants, responsive patterns, and accessibility baked in.Frontend & Designskill58.9k38.7k
7React:ComponentsTurn Stitch design files into production-ready, modular React and Vite components without manual translation.Frontend & Designskill50.6k8k
8AccessibilitySystematically audit and improve web accessibility so every user, including those using screen readers or keyboards, can successfully use the product.Frontend & Designskill43.5k2.6k
9Vue Best PracticesEnsure Vue 3 components follow proven patterns for animations, state management, and performance without reinventing solutions.Frontend & Designskill21.6k5.7k
10Web Design GuidelinesAutomatically audit UI code against the latest Vercel Web Interface Guidelines before committing changes.Frontend & Designskill17.7k5.7k
11Frontend DesignGenerate distinctive, production-grade frontend interfaces that avoid generic AI aesthetics.Frontend & Designskill12.9k33.4k
12Extension Qr CodeAdd real-time QR code scanning using the device camera directly in their React frontend.Frontend & Designskill12.2k0
16Frontend PatternsGet battle-tested React, Next.js, and UI patterns that eliminate guesswork when building interfaces with AI coding agents.Frontend & Designskill11.5k239k
18Ui AnimationCreate hardware-accelerated UI animations and micro-interactions that would be impossible with opacity and transform alone.Frontend & Designskill8.1k76
19Shopify Polaris Customer Account ExtensionsGenerate and maintain Shopify Polaris-based customer account UI extensions using the latest stable and release-candidate API versions.Frontend & Designskill7.1k494
21Shopify Pos UiGenerate consistent, Shopify-approved UI components and scaffolding for retail point-of-sale extensions.Frontend & Designskill6.9k494
22Baoyu Electron ExtractCleanly extract and restore readable source code from packaged Electron apps and Vite bundles that ship with minified source maps.Dev Toolsskill6.1k24.8k
23MagicpathAuthenticate, inspect project context, and manage teams directly from Claude, Cursor or other agents without leaving the terminal.Frontend & Designskill6k87
24Frontend DesignGenerate clean, production-ready frontend code and UI components with Claude or Cursor.Frontend & Designskill5.9k0
25Chrome DevtoolsEnable an agent to control a real Chrome browser for debugging, scraping, performance analysis, and automated UI interactions.Dev Toolsskill5.8k48.9k
30Browser QaAutomatically verify that newly deployed features look and behave correctly across devices and user flows.Testing & Reviewskill5k239k
31Review AnimationsRun a motion-only code review so UI transitions meet a high craft bar before you ship interface polish.Frontend & Designskill5k28.1k
32Bencium Innovative Ux DesignerGenerate accessible, WCAG-compliant UI components and interfaces that work for every user.Frontend & Designskill5k383
34MiesApply ruthless reduction, exacting craft, and Mies van der Rohe-inspired restraint when designing or refining any user-facing interface.Frontend & Designskill4.8k4
35FigmaLet their coding agent directly read Figma files, components, and styles so it can turn designs into accurate, production-ready code.Frontend & Designskill4.5k24.8k
36Design ReviewReceive a structured visual and UX critique of their built interface measured against the original design brief.Frontend & Designskill4.4k500
37Grill MePressure-test early product ideas, landing page concepts, UI designs, or technical approaches before investing significant implementation time.Frontend & Designskill4.3k500
38Design Motion PrinciplesCreate purposeful UI motion or audit existing animations against expert standards from Emil Kowalski, Jakub Krehel, and Jhey Tompkins.Frontend & Designskill4.3k900
39Hookify RulesCreate, edit, and understand Hookify rules that automatically surface warnings, blocks, or guidance inside Claude Code sessions.AI & Agentsskill4.1k239k
40SetupConnect their assistant-ui frontend to remote A2A protocol servers so the UI can delegate tasks to specialized agents.Frontend & Designskill4.1k20
41Premium Frontend UiMake Claude or Cursor generate award-level, immersive web interfaces instead of generic components.Frontend & Designskill4k37.7k
43Cypress AuthorGenerate reliable, non-flaky Cypress end-to-end tests that follow official async patterns and project conventions.Testing & Reviewskill4k38
443d Web ExperienceGenerate production-ready interactive 3D web experiences using Three.js, React Three Fiber, Spline and WebGL.Frontend & Designskill3.9k44.7k
45UpdateSafely migrate an existing AI-powered application from Vercel AI SDK v4 or v5 to v6 without breaking core functionality.Frontend & Designskill3.9k20
46I18nCorrectly manage user-facing strings, locale keys, and translations in a React app using react-i18next.Frontend & Designskill3.9k81.5k
47Command CreatorTurn repetitive manual workflows into reusable slash commands that Claude Code can execute autonomously.AI & Agentsskill3.8k2.3k
48Obsidian AutomationAutomate Obsidian note creation, linking, templating, and knowledge graph maintenance inside their personal knowledge base.Automationskill3.8k373
49Plugin ForgeScaffold, version, and publish Claude Code plugins with correct manifests and marketplace wiring.AI & Agentsskill3.8k2.3k
50Android Device AutomationControl real Android devices through natural language and screenshots for mobile app testing and automation.Testing & Reviewskill3.8k287
51Tanstack TableImplement rich, performant data tables and datagrids without being locked into any specific UI framework or styling solution.Frontend & Designskill3.7k29
53Userinterface WikiEnsure every UI component follows proven interaction and animation standards when generating or reviewing frontend code with AI agents.Frontend & Designskill3.6k869
55Wp Block DevelopmentGet precise, repeatable guidance when creating or updating native WordPress Gutenberg blocks.Frontend & Designskill3.6k2k
56Pixijs Core ConceptsQuickly grasp how PixiJS v8 chooses and runs its renderer so they can make informed decisions about WebGL, WebGPU, or Canvas backends.Frontend & Designskill3.5k304
58Ant DesignLook up Ant Design component APIs, demos, migrations, and project diagnostics offline via the Ant Design CLI.Frontend & Designskill3.4k126
59CodegenGenerate clean framework-specific code from json-render UI specs and component trees.Frontend & Designskill3.4k15.9k
Showing the top 988 of 1,748 tools · search to find the rest.
Explore more