# Flutter

> Google's UI toolkit for building natively compiled applications for mobile, web, and desktop...

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

---

## Goal

สร้าง cross-platform applications (mobile, web, desktop) จาก single codebase ด้วย Dart


## Scope

ใช้สำหรับการพัฒนา applications ที่ต้องการ performance สูงและ native-like experience บนหลาย platforms


## When To Use

- เมื่อต้องการสร้าง cross-platform applications (mobile, web, desktop)
- เมื่อต้องการ performance สูงและ native-like experience
- เมื่อต้องการ single codebase สำหรับหลาย platforms
- เมื่อต้องการ rich UI และ animations


## Execute

### 1. Create Project

```bash
flutter create my-app
```

### 2. Develop Widgets

ใช้ Flutter widget system

### 3. Manage State

ใช้ state management solutions

### 4. Build for Target

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


## Rules

### Development
- ใช้ Dart สำหรับ type safety
- ใช้ widgets สำหรับ UI composition
- Follow Flutter widget patterns

### Best Practices
- ใช้ proper state management
- Optimize widget rebuilds
- Test บน target platforms


## References

- [Flutter Docs](https://docs.flutter.dev)
- [Flutter GitHub](https://github.com/flutter/flutter)
- [Flutter Samples](https://flutter.dev/samples)


## Related Skills

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


## Expected Outcome

- Cross-platform applications จาก single codebase
- Performance สูงและ native-like
- Rich UI และ animations