desktop-app
Desktop app development guide for cross-platform applications. Covers Electron and Tauri frameworks. Use proactively when user wants to build desktop applications. Triggers: desktop app, Electron, Tauri, mac app, windows app, 데스크톱 앱, 데스크탑 앱, デスクトップアプリ, デスクトップ, 桌面应用, 桌面程序, aplicación de escritorio, app de escritorio, application de bureau, app desktop, Desktop-Anwendung, Desktop-App, applicazione desktop, app desktop Do NOT use for: web-only projects, mobile apps
ソース情報
- リポジトリ
- ww-w-ai/bkit-gemini
- ソースの最終更新活動
- 2026年3月11日 04:41
- 検出された SKILL.md の言語
- 英語
- スター
- 66
- フォーク
- 16
インストール方法
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
ソースファイルを確認
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
SKILL.md を表示中
SKILL.md
ソースの指示 · 読み取り専用プレビュー- name
- desktop-app
- classification
- C
- description
- Desktop app development guide for cross-platform applications. Covers Electron and Tauri frameworks. Use proactively when user wants to build desktop applications. Triggers: desktop app, Electron, Tauri, mac app, windows app, 데스크톱 앱, 데스크탑 앱, デスクトップアプリ, デスクトップ, 桌面应用, 桌面程序, aplicación de escritorio, app de escritorio, application de bureau, app desktop, Desktop-Anwendung, Desktop-App, applicazione desktop, app desktop Do NOT use for: web-only projects, mobile apps
- user-invocable
- true
- argument-hint
- [electron|tauri]
- allowed-tools
- ["read_file","write_file","replace","glob","grep_search","run_shell_command","google_web_search"]
- imports
- []
- agents
- {}
- context
- session
- memory
- project
- pdca-phase
- all
# Desktop App Skill
> Build cross-platform desktop applications
## Frameworks
### Tauri (Recommended)
Lightweight, secure, Rust-based.
```bash
# Create new Tauri project
npm create tauri-app
cd my-app
npm run tauri dev
```
**Pros:**
- Small bundle size (~5MB)
- High performance
- Better security
- Use any frontend framework
### Electron
Chromium-based, widely used.
```bash
# Create with electron-forge
npm init electron-app@latest my-app
cd my-app
npm start
```
**Pros:**
- Mature ecosystem
- Large community
- Easy to learn
- Full Node.js access
## Project Structure (Tauri)
```
my-app/
├── src/ # Frontend (React, Vue, etc.)
│ ├── App.tsx
│ └── main.tsx
├── src-tauri/ # Rust backend
│ ├── src/
│ │ └── main.rs
│ ├── tauri.conf.json
│ └── Cargo.toml
└── package.json
```
## Key Features
### System Tray
```rust
// src-tauri/src/main.rs
use tauri::SystemTray;
fn main() {
let tray = SystemTray::new();
tauri::Builder::default()
.system_tray(tray)
.run(tauri::generate_context!())
.expect("error");
}
```
### Native Dialogs
```typescript
// Frontend
import { open, save } from '@tauri-apps/api/dialog';
async function openFile() {
const selected = await open({
filters: [{ name: 'Text', extensions: ['txt'] }]
});
return selected;
}
```
### File System
```typescript
import { readTextFile, writeTextFile } from '@tauri-apps/api/fs';
async function saveFile(path: string, content: string) {
await writeTextFile(path, content);
}
```
## Deployment
- **macOS**: .dmg, .app
- **Windows**: .msi, .exe
- **Linux**: .deb, .AppImage
```bash
# Build for all platforms
npm run tauri build
```
GitHubで見る