Menu
Tauri desktop application development patterns. Use when building the SpecFlux desktop app, implementing IPC communication between Rust and React, managing windows, or testing Tauri commands.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Epic and task structure patterns for SpecFlux. Use when breaking PRDs into epics and tasks. Epics should be self-contained with clear acceptance criteria.
Implementation workflow for SpecFlux projects. Enforces test-first development, one commit per task, and API status updates. This skill is always active when writing code in SpecFlux projects.
PRD structure and patterns for SpecFlux. Use when creating or refining product requirement documents. PRDs should be concise for humans but detailed enough for AI agents to implement.
SpecFlux REST API for creating and managing projects, PRDs, epics, tasks, and acceptance criteria. Use when running /prd, /epic, /task, or /implement commands to create or update entities in SpecFlux via HTTP API. Use when creating PRDs, epics with tasks, adding acceptance criteria, updating task status, or marking criteria as complete.
TypeScript best practices. Use when writing TypeScript code for backend services, API handlers, or shared utilities. Applies async/await patterns, typed errors, and strict type safety.
UI design patterns for React + TailwindCSS. Use when creating new UI components, styling elements, implementing dark mode support, or working on any React component that needs consistent styling.
| name | tauri-dev |
| description | Tauri desktop application development patterns. Use when building the SpecFlux desktop app, implementing IPC communication between Rust and React, managing windows, or testing Tauri commands. |
Always define IPC commands with TypeScript types:
// src-tauri/src/main.rs
#[tauri::command]
fn start_agent(task_id: i32) -> Result<(), String> {
// Implementation
Ok(())
}
// frontend/src/api/tauri.ts
import { invoke } from '@tauri-apps/api/tauri';
export async function startAgent(taskId: number): Promise<void> {
await invoke('start_agent', { taskId });
}
Create windows programmatically:
import { WebviewWindow } from '@tauri-apps/api/window';
const taskWindow = new WebviewWindow('task-detail', {
url: '/task/42',
title: 'Task #42',
width: 800,
height: 600
});
// tests/tauri.test.ts
import { mockIPC } from '@tauri-apps/api/mocks';
describe('Tauri IPC', () => {
beforeEach(() => {
mockIPC((cmd, args) => {
if (cmd === 'start_agent') {
return Promise.resolve();
}
});
});
test('starts agent', async () => {
await expect(startAgent(42)).resolves.toBeUndefined();
});
});