# Leptos

> Rust framework for building reactive web applications with SSR and CSR support. Includes...

- Skill: `newkub/leptos` (Agent Skill, multi-file: 14 files)
- Install (CLI): `npx skillmds@latest add newkub/leptos`
- Raw SKILL.md: https://api.skillmd.com/api/skills/newkub/leptos/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/leptos

---

## Goal

สร้าง reactive web applications ด้วย Rust พร้อม SSR และ CSR support


## Scope

ใช้สำหรับการพัฒนา web applications ด้วย Rust ที่มี performance สูงและ memory footprint ต่ำ


## When To Use

- เมื่อต้องการสร้าง reactive web applications ด้วย Rust
- เมื่อต้องการ SSR (Server-Side Rendering) และ CSR (Client-Side Rendering)
- เมื่อต้องการ performance สูงและ memory footprint ต่ำ
- เมื่อต้องการใช้ Rust ecosystem สำหรับ web development


## Execute

### 1. Create Project

```bash
cargo install cargo-leptos
cargo leptos new my-app
```

### 2. Develop Components

ใช้ Leptos component system และ signals

### 3. Configure Routing

ตั้งค่า routing สำหรับ navigation

### 4. Build and Run

Build สำหรับ SSR หรือ CSR


## Rules

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

### Best Practices
- ใช้ proper resource management
- Optimize reactivity
- Test SSR และ CSR modes


## References

- [Leptos Docs](https://leptos.dev)
- [Leptos GitHub](https://github.com/leptos-rs/leptos)
- [Leptos Book](https://book.leptos.dev)


## Related Skills

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


## Expected Outcome

- Reactive web applications ด้วย Rust
- Performance สูงและ memory footprint ต่ำ
- SSR และ CSR support