frontend-dev-guide
CommunityTauri + React 19 Frontend Dev Guide
Authorhi-yuki-922
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides comprehensive guidance and best practices for developing the frontend of Tauri + React 19 desktop applications, ensuring code quality, maintainability, and adherence to project standards.
Core Features & Use Cases
- Error Handling: Implements Rust Result-style error handling using
neverthrow. - Component Development: Standardizes component structure, props interfaces, and styling.
- Styling: Guides the use of Tailwind CSS, shadcn/ui, and CSS variables for consistent theming.
- Routing & State Management: Details file-based routing with
@tanstack/react-routerand React Hooks for state. - Data Visualization: Recommends
@unovis/reactfor charting. - Use Case: When creating a new feature, consult this guide for the correct way to structure components, handle API errors, and apply styles.
Quick Start
Refer to this guide for instructions on creating a new React component for your Tauri application.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: frontend-dev-guide Download link: https://github.com/hi-yuki-922/accounting-assistant/archive/main.zip#frontend-dev-guide Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.