newkub Goal
ใช้ Zaidian UI สำหรับ UI components สำหรับ SolidJS ด้วย accessible, customizable components ที่ built with Kobalte, Corvu, และ Tailwind CSS
Scope
ใช้สำหรับสร้าง UI components ด้วย Zaidan UI registry บน SolidJS
Execute
- ติดตั้ง Zaidian UI สำหรับ SolidJS
- อ่าน
guide/installation.mdสำหรับการติดตั้งและ setup - อ่าน
guide/quick-start.mdสำหรับเริ่มต้นใช้งาน - อ่าน
guide/key-concept.mdสำหรับแนวคิดหลัก - อ่าน
guide/how-it-works.mdสำหรับวิธีการทำงาน - อ่าน
key-concepts/สำหรับแนวคิดเฉพาะทาง - อ่าน
guide/features.mdสำหรับ features ที่มี - อ่าน
guide/patterns.mdสำหรับ patterns ทั่วไป - ใช้ registry สำหรับ add components
- อ่าน
guide/configuration.mdสำหรับการตั้งค่า - อ่าน
references/configuration.mdสำหรับ configuration reference - Customize components ตามความต้องการ
- อ่าน
guide/best-practices.mdสำหรับ best practices - อ่าน
principles/สำหรับหลักการ - ใช้ accessible components
- อ่าน
guide/integration.mdสำหรับ SolidJS integration - อ่าน
guide/architecture.mdสำหรับ system architecture - อ่าน
guide/structure.mdสำหรับ project structure - อ่าน
guide/troubleshooting.mdสำหรับปัญหาทั่วไป
Rules
- ใช้ registry สำหรับ add components
- ใช้ copy-to-own pattern เสมอ
- ใช้ Kobalte และ Corvu สำหรับ accessible primitives
- ใช้ Tailwind CSS สำหรับ styling
- ใช้ backticks สำหรับ commands, components
- ใช้ code blocks สำหรับ component examples
- ใช้ ansi markdown diagrams สำหรับ flow และ architecture
- ใช้ accessible components เสมอ
- Customize components ตามความต้องการ
Expected Outcome
- UI components ที่ accessible และ customizable
- Code ที่ copy-to-own และ maintainable
- Integration ที่ smooth กับ SolidJS
- Components ที่ follow accessibility best practices