開発タイプ · 拡張機能
ブラウザ拡張機能
ブラウザ拡張機能は、マニフェスト、コンテンツスクリプト、クロスブラウザ対応のパッケージングで構成される、コンパクトで集中した開発です。Skillselionは拡張機能の開発に使えるAIコーディングツールを整理し、最適なものを紹介します。
ブラウザ拡張機能開発で特に人気のツールは、caveman, vercel-composition-patterns, codex-petです。
ツールを探す
タイプ
2Vercel Composition Patterns複雑さが増しても保守しやすく、boolean propが乱立しないReactコンポーネントを生成・リファクタリングします。フロントエンド・デザインスキル44.3万3.4万
3Codex PetRunComfyのGPT Image編集とImageMagickによる組み立てを使い、1枚の参照画像から、Codex互換のカスタムデスクトップペットを作成します。AI・エージェントスキル40.7万61
4AnimateBuild purposeful UI motion from scratch—deciding whether to animate, which properties, curves, and durations, then writing the code.フロントエンド・デザインスキル20.6万5.4万
5Ask SonnerImplement Sonner React toast notifications with theming promise and positioning patterns.フロントエンド・デザインスキル16.9万5.4万
6Tailwind Design SystemGenerate consistent, scalable Tailwind v4 design systems with tokens, component variants, responsive patterns, and accessibility baked in.フロントエンド・デザインスキル7.3万4.2万
7AccessibilitySystematically audit and improve web accessibility so every user, including those using screen readers or keyboards, can successfully use the product.フロントエンド・デザインスキル6.8万3054
8React:ComponentsTurn Stitch design files into production-ready, modular React and Vite components without manual translation.フロントエンド・デザインスキル-5万8693
9Better UiPolish web UI with micro-interactions, shadows, borders, hover states, and motion that feel intentional.フロントエンド・デザインスキル4.5万1.2万
10Migrate Radix To BaseMigrate React shadcn projects and components from Radix UI primitives to Base UI safely.フロントエンド・デザインスキル3.5万12.8万
11Extension Qr CodeAdd real-time QR code scanning using the device camera directly in their React frontend.フロントエンド・デザインスキル3.1万2
14Interface ReviewReview UI interface quality of a code change, branch, or PR—not correctness or security.フロントエンド・デザインスキル2.3万1.2万
15Expo Migrate ModuleMigrate existing Expo native modules from Modules API 1.0 DSL to 2.0 macro API in Swift.フロントエンド・デザインスキル2.3万4081
16Frontend DesignGenerate distinctive, production-grade frontend interfaces that avoid generic AI aesthetics.フロントエンド・デザインスキル1.8万4.6万
17Frontend PatternsGet battle-tested React, Next.js, and UI patterns that eliminate guesswork when building interfaces with AI coding agents.フロントエンド・デザインスキル1.6万29.9万
18Ego BrowserAutomate browser tasks with ego-browser: navigate, fill forms, screenshot, scrape, and test web apps.AI・エージェントスキル1.6万2.2万
19Accessibility ComplianceGenerate and audit WCAG 2.2 compliant interfaces with proper ARIA patterns, keyboard navigation, and assistive technology support.フロントエンド・デザインスキル1.5万4.2万
20Web Component DesignCreate consistent, reusable, accessible UI components across React, Vue, and Svelte.フロントエンド・デザインスキル1.4万4.2万
21Transitions PolishPolish existing UI motion using transitions.dev token scales for duration, easing, and stagger.フロントエンド・デザインスキル1.3万6139
22Design SystemGenerate a complete design system from an existing codebase or to audit visual consistency before shipping UI changes.フロントエンド・デザインスキル1.1万29.9万
23Ui AnimationCreate hardware-accelerated UI animations and micro-interactions that would be impossible with opacity and transform alone.フロントエンド・デザインスキル1.1万189
24MiesApply ruthless reduction, exacting craft, and Mies van der Rohe-inspired restraint when designing or refining any user-facing interface.フロントエンド・デザインスキル1万5
25Typescript Best PracticesApply TypeScript conventions—strict typing, module boundaries, error handling, and testable patterns—while implementing Cursor plugin extension code.フロントエンド・デザインスキル97831.6万
26Shopify Polaris Customer Account ExtensionsGenerate and maintain Shopify Polaris-based customer account UI extensions using the latest stable and release-candidate API versions.フロントエンド・デザインスキル9593633
27Cypress AuthorGenerate reliable, non-flaky Cypress end-to-end tests that follow official async patterns and project conventions.テスト・レビュースキル947947
28Shopify Pos UiGenerate consistent, Shopify-approved UI components and scaffolding for retail point-of-sale extensions.フロントエンド・デザインスキル9155633
29Chrome DevtoolsEnable an agent to control a real Chrome browser for debugging, scraping, performance analysis, and automated UI interactions.開発ツールスキル90425.5万
30CodegenGenerate clean framework-specific code from json-render UI specs and component trees.フロントエンド・デザインスキル89061.9万
31Baoyu Electron ExtractCleanly extract and restore readable source code from packaged Electron apps and Vite bundles that ship with minified source maps.開発ツールスキル81362.7万
32Bencium Innovative Ux DesignerGenerate accessible, WCAG-compliant UI components and interfaces that work for every user.フロントエンド・デザインスキル8067488
33Ui Skills RootApply consistent UI patterns, components, and styling guidance when implementing screens so agent-built interfaces match modern design quality.フロントエンド・デザインスキル80351.1万
34Make Interfaces Feel BetterTurn flat or generic UI components into polished, tactile interfaces that feel finished and delightful.フロントエンド・デザインスキル792229.9万
35Hook DevelopmentAutomatically detect project type and inject accurate context variables so Claude Code starts every session with the right environment and toolchain knowledge.AI・エージェントスキル76524.6万
39React PatternsProduce clean, idiomatic React 18/19 components that follow hooks discipline, proper Server/Client boundaries, and accessibility standards.フロントエンド・デザインスキル737129.9万
40Build Mcp ServerCreate secure, production-ready MCP servers that Claude can connect to with proper OAuth flows.AI・エージェントスキル73274.6万
41React TestingWrite reliable, user-centric tests for React components, hooks, and pages using React Testing Library, Vitest, and MSW.テスト・レビュースキル732029.9万
42Frontend A11yShip React and Next.js interfaces that pass automated and manual accessibility checks without hiring an a11y specialist.フロントエンド・デザインスキル724229.9万
43Pixijs Core ConceptsQuickly grasp how PixiJS v8 chooses and runs its renderer so they can make informed decisions about WebGL, WebGPU, or Canvas backends.フロントエンド・デザインスキル6985364
51Browser AutomationAutomate browser interactions for testing, scraping, and workflow tasks using agent-driven browser control patterns.自動化スキル67054.9万
52Pixijs EnvironmentsCorrectly initialize PixiJS v8 in non-standard environments such as Web Workers, OffscreenCanvas, Node.js SSR, or CSP-restricted pages.フロントエンド・デザインスキル6598364
53Pixijs AccessibilityAdd screen reader support and keyboard navigation to PixiJS v8 canvas applications.フロントエンド・デザインスキル6506364
54Frontend DesignGenerate clean, production-ready frontend code and UI components with Claude or Cursor.フロントエンド・デザインスキル63770
55MagicpathAuthenticate, inspect project context, and manage teams directly from Claude, Cursor or other agents without leaving the terminal.フロントエンド・デザインスキル636993
56SetupConnect their assistant-ui frontend to remote A2A protocol servers so the UI can delegate tasks to specialized agents.フロントエンド・デザインスキル627229
57UpdateSafely migrate an existing AI-powered application from Vercel AI SDK v4 or v5 to v6 without breaking core functionality.フロントエンド・デザインスキル602829
58FigmaLet their coding agent directly read Figma files, components, and styles so it can turn designs into accurate, production-ready code.フロントエンド・デザインスキル59902.9万
59Design ReviewReceive a structured visual and UX critique of their built interface measured against the original design brief.フロントエンド・デザインスキル5902600
60Wp Block DevelopmentGet precise, repeatable guidance when creating or updating native WordPress Gutenberg blocks.フロントエンド・デザインスキル58872342
さらに探す