AgentSkillsCN

dioxus

一款适用于 Rust 的全栈跨平台框架,支持以单一代码库构建面向 Web、桌面及移动端的应用程序

SKILL.md
--- frontmatter
name: dioxus
description: Fullstack cross-platform framework for Rust that lets you build applications for web, desktop, and mobile with a single codebase
goal: สร้าง applications ด้วย Dioxus ตาม best practices
outcome: Cross-platform applications มีโครงสร้างและคุณภาพตามมาตรฐาน

Dioxus

When to Apply

ใช้ Skill นี้เมื่อพัฒนา cross-platform applications ด้วย Dioxus

  • เมื่อสร้าง components ใหม่
  • เมื่อต้องการ optimize performance
  • เมื่อพัฒนา cross-platform apps
  • เมื่อต้องการ build สำหรับ production

Rules

PriorityImpactReferenceNameDescriptionPrefixCondition
1CRITICAL1-dioxus-component-structure.mdComponent Structure and Best Practicesกฎเกี่ยวกับโครงสร้างและ best practices สำหรับ Dioxus componentsdioxus-เมื่อสร้าง components ใหม่
2HIGH2-dioxus-performance-optimization.mdPerformance Optimizationกฎเกี่ยวกับการปรับปรุง performance ของ Dioxus applicationsdioxus-เมื่อต้องการ optimize performance
3MEDIUM3-dioxus-cross-platform-development.mdCross-Platform Developmentกฎเกี่ยวกับการพัฒนา cross-platform applications ด้วย Dioxusdioxus-เมื่อพัฒนา cross-platform apps

3. Cross-Platform Development

3-dioxus-cross-platform-development.md ประกอบด้วย:

  • Platform-specific code ด้วย conditional compilation
  • Asset management สำหรับ cross-platform
  • Responsive design สำหรับ desktop/mobile
  • Platform testing strategies
  • CLI usage สำหรับ different platforms

เมื่อใช้: พัฒนา cross-platform apps, handle platform differences, deploy ไปยังหลาย platforms

Scripts

PriorityImpactReferenceNameDescriptionPrefixCondition
1CRITICAL1-dioxus-init.shInitialize Dioxus Projectสร้าง Dioxus project ใหม่ด้วย dx CLIdioxus-เมื่อต้องการสร้าง project ใหม่
2HIGH2-dioxus-dev.shStart Development Serverเริ่ม development server สำหรับ Dioxusdioxus-เมื่อต้องการเริ่ม development

Knowledge

ReferenceNameDescriptionPrefix
dioxus-core-concepts.mdDioxus Core Conceptsความรู้พื้นฐานเกี่ยวกับ Dioxus frameworkdioxus-
dioxus-ecosystem.mdDioxus Ecosystemความรู้เกี่ยวกับ ecosystem และ tools ของ Dioxusdioxus-

Overview

Rules

แต่ละไฟล์ Rule ประกอบด้วย:

  • เหตุผล (Why)
  • ตัวอย่างที่ไม่ดี (Anti-patterns)
  • ตัวอย่างที่ดี (Best practices)
  • กฎที่ต้องปฏิบัติตาม (Rules)
  • ผลกระทบถ้าไม่ทำตาม (Impact)
  • เอกสารอ้างอิง (References)

Knowledge

แต่ละไฟล์ Knowledge ประกอบด้วย:

  • Overview: ภาพรวมของ topic
  • Key Concepts: concepts สำคัญที่ต้องรู้
  • Examples: ตัวอย่างการใช้งาน
  • Best Practices: best practices ที่ควรทำตาม
  • References: ลิงก์ไปยังแหล่งข้อมูลต้นฉบับ

How to Use

แต่ละไฟล์ Rule อธิบายถึง:

  • เหตุผลที่ต้องทำตามกฎ
  • ตัวอย่างที่ไม่ดีและดี
  • กฎที่ต้องปฏิบัติตาม
  • ผลกระทบถ้าไม่ทำตาม
  • เอกสารอ้างอิง

แต่ละไฟล์ Knowledge อธิบายถึง:

  • ภาพรวมของ topic
  • Concepts สำคัญที่ต้องรู้
  • ตัวอย่างการใช้งาน
  • Best practices ที่ควรทำตาม
  • เอกสารอ้างอิง

References