newkub Goal
ใช้ shadcn/ui สำหรับ SolidJS component library ด้วย copy-to-own pattern และ accessible components
Scope
ใช้สำหรับสร้าง UI components ด้วย shadcn/ui บน SolidJS
Execute
- ติดตั้ง shadcn/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 ทั่วไป - ใช้ CLI สำหรับ 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
- ใช้ CLI init สำหรับ initial setup
- ใช้ copy-to-own pattern เสมอ
- ใช้ accessible primitives
- ใช้ Tailwind CSS สำหรับ styling
- ใช้ backticks สำหรับ commands, components
- ใช้ code blocks สำหรับ component examples
- ใช้ ansi markdown diagrams สำหรับ flow และ architecture
- ใช้ accessible components เสมอ
- Customize components ตามความต้องการ
- หลีกเลี่ยง modifying core components
Expected Outcome
- UI components ที่ accessible และ customizable
- Code ที่ copy-to-own และ maintainable
- Integration ที่ smooth กับ SolidJS
- Components ที่ follow accessibility best practices