auracle-frontend

What problem does it solve?

This skill provides a structured and opinionated framework for developing the React frontend of the Auracle application, ensuring consistency, maintainability, and adherence to design principles.

Core Features & Use Cases

• Component Development: Build and maintain UI components using shadcn/ui primitives and custom feature components.
• State Management & Data Fetching: Implement data fetching and state management using React hooks and Tauri invoke wrappers.
• UI/UX Consistency: Enforce design system tokens for colors, typography, and spacing to maintain a cohesive user experience.
• Tauri Integration: Manage communication between the frontend and the Rust backend via Tauri's invoke and event systems.
• Use Case: When adding a new page to display Bluetooth device details, you would create a new React component, define a hook to fetch device data using Tauri, and integrate it into the application's routing and navigation.

Quick Start

Use the auracle-frontend skill to create a new React component for displaying device status information.