# Zaidian UI

> Shadcn UI registry สำหรับ SolidJS - collection ของ accessible, customizable components ที่ built...

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

---

## 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