Stitch

Kỹ năng react:components chuyển các thiết kế Stitch thành các React components mô-đun cho Frontend Development với Vite. Kỹ năng này dùng retrieval, kiểm tra file cục bộ và xác thực dựa trên AST để đầu ra bám sát design tokens, các file hiện có và ràng buộc của dự án. Hãy dùng hướng dẫn react:components này khi bạn cần mã component có cấu trúc, chứ không chỉ một khối JSX dựng sẵn.

Kỹ năng enhance-prompt biến những ý tưởng UI mơ hồ thành các prompt rõ ràng hơn, sẵn sàng cho Stitch, với cấu trúc chặt chẽ hơn, vốn từ UI/UX tốt hơn và ngữ cảnh hệ thống thiết kế. Hãy dùng hướng dẫn enhance-prompt này để tăng độ cụ thể của prompt, giảm phỏng đoán và tạo ra kết quả nhất quán hơn khi viết prompt và sinh UI.

Skill design-md phân tích các dự án Stitch và biến các màn hình thành một nguồn chân lý DESIGN.md mang tính ngữ nghĩa, giúp duy trì nhất quán về bố cục, giọng điệu, màu sắc và ngôn ngữ thành phần. Hãy dùng design-md cho Design Systems khi bạn cần hướng dẫn có thể prompt cho các lần tạo Stitch sau này, chứ không chỉ một bản tóm tắt trực quan.

stitch-loop là một skill tự động hóa workflow để xây dựng trang bằng Stitch theo vòng lặp bàn giao tuần tự. Nó giúp agent đọc `.stitch/next-prompt.md`, tạo trang tiếp theo, tích hợp vào site, rồi chuẩn bị bàn giao kế tiếp với ít phải đoán hơn.