stitch-design
bởi google-labs-code
Điểm vào hệ thống thiết kế thống nhất để tạo và chỉnh sửa màn hình UI có độ trung thực cao với Stitch MCP. Chuyển đổi ý tưởng thiết kế thô thành các prompt có cấu trúc bằng thuật ngữ UI/UX chuyên nghiệp và ngữ cảnh hệ thống thiết kế. Tổng hợp các dự án Stitch hiện có thành tài liệu "nguồn chân lý" .stitch/DESIGN.md để đảm bảo tính nhất quán giữa các màn hình. Định tuyến yêu cầu một cách thông minh giữa các quy trình tạo thiết kế từ văn bản, chỉnh sửa màn hình và tài liệu hệ thống thiết kế. Tự động quản lý tài sản bằng...
npx skills add https://github.com/google-labs-code/stitch-skills --skill stitch-designThêm skills từ google-labs-code
typed-service-contracts
google-labs-code
Tiêu chuẩn kiến trúc để xây dựng các dịch vụ TypeScript mạnh mẽ, an toàn kiểu dữ liệu bằng mẫu "Spec and Handler". Dùng khi xây dựng CLI, thư viện hoặc các hệ thống phức tạp…
stitch::code-to-design
google-labs-code
Chuyển đổi mã frontend (Vite, React, v.v.) thành một Stitch Design bằng cách kết nối trích xuất HTML tĩnh, trích xuất hệ thống thiết kế và tải tệp lên. **LUÔN** sử dụng điều này…
react-vite-dashboard
google-labs-code
Chuyển đổi thiết kế Stitch thành dashboard React + Vite cho production với TanStack Query, token truy cập từ DESIGN.md, và các pattern sẵn sàng cho Web3 (ethers/viem).
stitch::extract-design-md
google-labs-code
Trích xuất hệ thống thiết kế toàn diện (DESIGN.md) trực tiếp từ mã nguồn frontend — React, Vue, Svelte, Angular, HTML/CSS thuần, hoặc bất kỳ framework web nào.…
remotion
google-labs-code
Tạo video hướng dẫn chuyên nghiệp từ thiết kế ứng dụng Stitch bằng Remotion với hiệu ứng chuyển cảnh mượt mà và lớp phủ văn bản. Lấy màn hình từ các dự án Stitch và sắp xếp chúng thành các tổng hợp video Remotion với hiệu ứng thu phóng, chuyển tiếp mờ dần và lớp phủ văn bản theo ngữ cảnh. Hỗ trợ kiến trúc thành phần mô-đun với các thành phần ScreenSlide và WalkthroughComposition, cùng các tính năng nâng cao như điểm tương tác nóng và tích hợp lồng tiếng. Tạo bản kê khai màn hình, tải xuống...
ink
google-labs-code
Trình kết xuất terminal Ink cho json-render, chuyển đổi các đặc tả JSON thành giao diện terminal tương tác. Sử dụng khi làm việc với @json-render/ink, xây dựng giao diện terminal từ…
tdd-red-green-refactor
google-labs-code
Kỹ năng này triển khai một khung cấu trúc cho lập trình có hỗ trợ AI nhằm đảm bảo mọi dòng mã đều có thể kiểm chứng, được định kiểu và có mục đích.
automate-github-issues
google-labs-code
Thiết lập phân loại và giải quyết vấn đề GitHub tự động bằng cách sử dụng các tác nhân mã hóa Jules song song