Toolverse
All skills

desktop

by lobehub

Electron desktop development guide. Use when implementing desktop features, IPC handlers, controllers, preload scripts, window management, menu configuration, or Electron-specific functionality. Triggers on desktop app development, Electron IPC, or desktop local tools

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
lobehub
Category
Frontend
Views
36

About this skill

Electron desktop development guide. Use when implementing desktop features, IPC handlers, controllers, preload scripts, window management, menu configuration, or Electron-specific functionality. Triggers on desktop app development, Electron IPC, or desktop local tools implementation.

How to use

  1. Zainstaluj umiejętność w swoim agencie AI, wskazując repozytorium lobehub. Umiejętność automatycznie aktywuje się, gdy będziesz pracować nad rozwojem aplikacji desktopowej w Electronie, implementacją IPC lub narzędziami lokalnymi.

  2. Gdy potrzebujesz dodać nową funkcję desktopową, utwórz kontroler w katalogu apps/desktop/src/main/controllers/. Kontroler powinien rozszerzać ControllerModule i zawierać metody oznaczone dekoratorem @IpcMethod() — umiejętność pokaże ci dokładną strukturę TypeScript.

  3. Zdefiniuj typy dla parametrów i wyników komunikacji IPC w pliku packages/electron-client-ipc/src/types.ts. Umiejętność pomoże ci określić interfejsy zgodne z architekturą main-renderer.

  4. Stwórz usługę renderer'a w katalogu src/services/electron/, która będzie wywoływać kontroler za pośrednictwem IPC. Umiejętność wskaże ci, jak używać funkcji ensureElectronIpc() do bezpiecznego dostępu do IPC.

  5. Zarejestruj nowy kontroler w pliku apps/desktop/src/main/controllers/registry.ts, aby był dostępny dla renderer'a.

  6. Dodaj testy dla kontrolera w katalogu apps/desktop/src/main/controllers/tests/ — umiejętność zawiera referencje do testowania funkcji desktopowych.

Related skills

dev-browser

by SawyerHood

Browser automation with persistent page state. Use when users ask to navigate websites, fill forms, take screenshots, extract web data, test web apps, or automate browser workflows. Trigger phrases include \

Frontend
38151

shadcn-ui-setup

by maneeshanif

Install and configure Shadcn/ui component library with Radix UI primitives, Aceternity UI effects, set up components, and manage the component registry. Use when adding Shadcn/ui to a Next.js project or installing specific UI components for Phase 2.

Frontend
23167

tailwind-design-system

by wshobson

Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.

Frontend
2676

mermaid-gen

by vladm3105

Generate syntactically correct Mermaid diagrams for technical documentation

Frontend
23124

livewire-development

by spatie

Develops reactive Livewire 4 components. Activates when creating, updating, or modifying Livewire components; working with wire:model, wire:click, wire:loading, or any wire: directives; adding real-time updates, loading states, or reactivity; debugging component behavior;

Frontend
2335

interactive-dashboard-builder

by anthropics

Build self-contained interactive HTML dashboards with Chart.js, dropdown filters, and professional styling. Use when creating dashboards, building interactive reports, or generating shareable HTML files with charts and filters that work without a server.

Frontend
2298