Skills Google Labs Code

Một thang điểm để đánh giá mức độ thiết kế CLI phù hợp cho các tác nhân AI, dựa trên các nguyên tắc "Viết lại CLI của bạn cho các tác nhân AI".

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

Phân tích các dự án thiết kế Stitch và tạo ra các tệp DESIGN.md ngữ nghĩa làm nguồn chân lý cho việc tạo prompt. Truy xuất siêu dữ liệu màn hình, mã nguồn HTML/CSS và tài sản thiết kế từ các dự án Stitch thông qua các công cụ MCP Server để trích xuất token thiết kế và mẫu hình trực quan. Tổng hợp các phát hiện thành các tệp DESIGN.md có cấu trúc bao gồm bầu không khí, bảng màu với mã hex, kiểu chữ, kiểu dáng thành phần và nguyên tắc bố cục. Dịch các giá trị kỹ thuật (các lớp Tailwind, border-radius, shadow) thành các mô tả gợi cảm...

Chuyển đổi các ý tưởng giao diện mơ hồ thành các prompt tối ưu cho Stitch, có trau chuốt và bối cảnh hệ thống thiết kế. Đánh giá các yếu tố còn thiếu (nền tảng, loại trang, phong cách hình ảnh, màu sắc, thành phần) và điền vào các khoảng trống một cách có hệ thống. Kiểm tra và tích hợp các tệp DESIGN.md để đảm bảo tính nhất quán giữa các dự án nhiều trang. Áp dụng các kỹ thuật nâng cao bao gồm độ đặc hiệu từ khóa UI/UX, khuếch đại tâm trạng, tổ chức cấu trúc trang và định dạng màu sắc phù hợp. Xuất ra các prompt có cấu trúc sẵn sàng cho Stitch

Kỹ năng này thực hiện "đọc sâu" một kho lưu trữ. Nó tránh các danh sách hời hợt bằng cách trước tiên hiểu kiến trúc của dự án, sau đó đánh giá các mục mở dựa trên bối cảnh đó.

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ừ…

Thiết lập một kho lưu trữ để xác minh GitHub Actions cục bộ bằng act, giúp Jules có thể kiểm tra CI trước khi đẩy lên

react:components — một kỹ năng có thể cài đặt cho các tác nhân AI, được xuất bản bởi google-labs-code/stitch-skills.

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

Hướng dẫn chuyên sâu để khám phá, cài đặt và tùy chỉnh các thành phần shadcn/ui trong dự án của bạn. shadcn/ui là bộ sưu tập thành phần dạng sao chép-dán, không phải thư viện—các thành phần nằm trực tiếp trong mã nguồn của bạn để bạn toàn quyền sở hữu và tùy chỉnh mà không bị khóa phiên bản. Bao gồm hơn 50 thành phần dựng sẵn, hỗ trợ tiếp cận (nút, hộp thoại, biểu mẫu, bảng, v.v.) được xây dựng trên các nguyên thủy Radix UI hoặc Base UI với kiểu dáng Tailwind CSS. Hỗ trợ tùy chỉnh giao diện qua biến CSS, biến thể thành phần với...

Đ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...

Trình xây dựng trang web tự động sử dụng phương pháp tạo Stitch lặp đi lặp lại với cơ chế phối hợp vòng lặp chuyển giao. Triển khai mẫu chuyển tiếp nơi mỗi lần lặp agent đọc một tác vụ từ .stitch/next-prompt.md, tạo một trang qua Stitch MCP, tích hợp nó vào trang web, và ghi tác vụ tiếp theo để tiếp tục. Quản lý trạng thái dự án Stitch thông qua .stitch/metadata.json, lưu trữ ID dự án, siêu dữ liệu màn hình và chủ đề thiết kế qua các lần lặp. Yêu cầu .stitch/DESIGN.md (hệ thống thiết kế trực quan) và...

Tìm lỗi trong Stitch SDK bằng cách sử dụng khóa API thực. Bao gồm các trường hợp chức năng tiêu chuẩn và các tình huống phức tạp.

Phát triển Stitch SDK. Bao gồm quy trình tạo, hai chế độ (agent và SDK), xử lý lỗi và triển khai Đèn Giao Thông (Đỏ-Xanh-Vàng)…

Thiết kế mô hình miền cho Stitch SDK. Sử dụng khi ánh xạ các công cụ MCP sang các lớp miền và ràng buộc trong domain-map.json. Đây là Giai đoạn 2 của quá trình tạo…

Chạy toàn bộ pipeline tạo Stitch SDK. Sử dụng khi có công cụ mới được thêm vào, hoặc SDK cần được tạo lại từ đầu đến cuối.

Tạo hoặc cập nhật README cho Stitch SDK. Sử dụng cấu trúc Bookstore Test và lấy API hiện tại từ mã nguồn. Sử dụng khi README cần…

stitch-sdk-usage — một kỹ năng có thể cài đặt cho các tác nhân AI, được phát hành bởi google-labs-code/stitch-sdk.

Kỹ năng Hệ thống Thiết kế Ngữ nghĩa cho Google Stitch. Tạo ra các tệp DESIGN.md thân thiện với tác nhân, thực thi các tiêu chuẩn giao diện người dùng cao cấp, chống chung chung — kiểu chữ nghiêm ngặt,…

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.

Kỹ năng này triển khai một khung cấu trúc cho lập trình có hỗ trợ AI để đảm bảo mọi dòng mã đều có thể kiểm chứng, được định kiểu và có mục đích.

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 cách sử dụng mẫu "Spec and Handler". Sử dụng khi xây dựng CLI, thư viện hoặc các hệ thống phức tạp…