# Dioxus

> Rust framework for cross-platform GUI development supporting web, desktop, mobile, and liveview....

- Skill: `newkub/dioxus` (Agent Skill, multi-file: 14 files)
- Install (CLI): `npx skillmds@latest add newkub/dioxus`
- Raw SKILL.md: https://api.skillmd.com/api/skills/newkub/dioxus/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: newkub (https://skillmd.com/u/newkub)
- Updated: 2026-09-10
- Page: https://skillmd.com/skills/newkub/dioxus

---

## Goal

สร้าง cross-platform GUI applications ด้วย Rust สำหรับ web, desktop, mobile และ liveview


## Scope

ใช้สำหรับการพัฒนา GUI applications ด้วย Rust ที่รองรับหลาย platforms ใน codebase เดียว


## When To Use

- เมื่อต้องการสร้าง cross-platform GUI applications ด้วย Rust
- เมื่อต้องการ web, desktop, mobile และ liveview ใน codebase เดียว
- เมื่อต้องการ performance สูงและ memory footprint ต่ำ
- เมื่อต้องการใช้ Rust ecosystem สำหรับ UI development


## Execute

### 1. Create Project

```bash
cargo install dioxus-cli
dx create my-app
```

### 2. Develop Components

ใช้ Dioxus component system และ signals

### 3. Build for Target

Build สำหรับ platform ที่ต้องการ

### 4. Run

Run application บน target platform


## Rules

### Development
- ใช้ Rust สำหรับ type safety
- ใช้ signals สำหรับ state management
- Follow Dioxus component patterns

### Best Practices
- ใช้ hooks สำหรับ reusable logic
- Optimize re-renders
- Test บน target platforms


## References

- [Dioxus Docs](https://dioxuslabs.com)
- [Dioxus GitHub](https://github.com/DioxusLabs/dioxus)
- [Dioxus Book](https://dioxuslabs.com/docs)


## Related Skills

- `/write-devin-skills` - มาตรฐานการเขียน skills
- lang-rust
- bun


## Expected Outcome

- Cross-platform applications ที่ share code
- Performance สูงด้วย Rust
- Memory footprint ต่ำ