Skills Phát triển

Viết các bài báo kỹ thuật và bài đăng blog hấp dẫn cho đối tượng là nhà phát triển. Sử dụng kỹ năng này bất cứ khi nào người dùng yêu cầu viết một bài đăng blog, bài báo kỹ thuật hoặc bất kỳ nội dung kỹ thuật dài nào. Cũng kích hoạt khi người dùng nói 'viết về [chủ đề kỹ thuật]', 'giúp tôi soạn thảo một bài báo', 'biến nội dung này thành bài đăng blog', 'viết một bài đăng về', 'tôi muốn xuất bản nội dung gì đó về', hoặc đề cập đến việc viết cho đối tượng là nhà phát triển. Bao gồm toàn bộ quy trình: mài giũa

Sử dụng khi triển khai bất kỳ tính năng hoặc sửa lỗi nào, trước khi viết mã triển khai

Chuyển đổi văn bản thành giọng nói bằng AI giọng nói ElevenLabs. Sử dụng khi tạo âm thanh từ văn bản, tạo lồng tiếng, xây dựng ứng dụng giọng nói hoặc tổng hợp giọng nói bằng hơn 70 ngôn ngữ.

Biến những ý tưởng thô sơ thành các kế hoạch đã được phê duyệt, hoàn chỉnh về quyết định với cấu trúc đã được xác thực trước khi viết mã. Sử dụng khi người dùng yêu cầu 出方案/给方案/深入分析/怎么设计/有没有必要/值不值得/plan this/how should I/should we keep this cho các tính năng, kiến trúc hoặc đánh giá giá trị. Không dùng cho sửa lỗi hoặc chỉnh sửa nhỏ.

Chia một kế hoạch, bản đặc tả hoặc tài liệu yêu cầu sản phẩm thành các vấn đề có thể độc lập nắm bắt trên trình theo dõi vấn đề của dự án bằng cách sử dụng các lát cắt dọc theo dạng viên đạn dẫn đường. Sử dụng khi người dùng muốn chuyển đổi một kế hoạch thành các vấn đề, tạo ticket triển khai, hoặc phân chia công việc thành các vấn đề.

Chuyển đổi ngữ cảnh hội thoại hiện tại thành tài liệu PRD và xuất bản lên hệ thống theo dõi vấn đề của dự án. Sử dụng khi người dùng muốn tạo PRD từ ngữ cảnh hiện tại.

Chuyển cuộc trò chuyện hiện tại thành một bản đặc tả và xuất bản lên trình theo dõi vấn đề của dự án — không phỏng vấn, chỉ tổng hợp những gì bạn đã thảo luận.

Chia một kế hoạch, bản đặc tả hoặc cuộc hội thoại hiện tại thành một tập các ticket dạng tracer-bullet, mỗi ticket khai báo các cạnh chặn (blocking edges) của nó, được xuất bản lên tracker đã cấu hình — các cạnh dưới dạng văn bản trong một tệp cho mỗi ticket ở cục bộ, hoặc các liên kết chặn gốc trên một tracker thực.

Phân loại vấn đề thông qua máy trạng thái được điều khiển bởi các vai trò phân loại. Sử dụng khi người dùng muốn tạo vấn đề, phân loại vấn đề, xem xét lỗi mới hoặc yêu cầu tính năng, chuẩn bị vấn đề cho tác nhân AFK, hoặc quản lý quy trình làm việc vấn đề.

Thiết lập Cloudflare Turnstile đầu cuối trong một dự án — quét mã nguồn, tạo widget qua Cloudflare API, triển khai Worker siteverify được quản lý, viết các đoạn mã frontend, xác thực và lưu trữ kỹ năng. Tải kỹ năng này khi người dùng yêu cầu thêm Turnstile, thiết lập CAPTCHA, bảo vệ biểu mẫu khỏi bot hoặc sửa tích hợp Turnstile. Phản ánh developers.cloudflare.com/turnstile/spin.

Làm chủ hệ thống kiểu nâng cao của TypeScript bao gồm generics, conditional types, mapped types, template literals và utility types để xây dựng các ứng dụng an toàn về kiểu. Sử dụng khi triển khai logic kiểu phức tạp, tạo các tiện ích kiểu có thể tái sử dụng hoặc đảm bảo an toàn kiểu tại thời điểm biên dịch trong các dự án TypeScript.

Use when the user needs to create, extract, flatten, list, test, install, script, or troubleshoot `tzst` CLI workflows for `.tzst` or `.tar.zst` archives, including compression levels, streaming mode, extraction filters, conflict resolution, JSON output, or standalone binary setup, even if they describe the archive task without naming `tzst`.

Trích xuất bảng thuật ngữ ngôn ngữ phổ biến theo phong cách DDD từ cuộc hội thoại hiện tại, đánh dấu các điểm mơ hồ và đề xuất các thuật ngữ chuẩn. Lưu vào UBIQUITOUS_LANGUAGE.md. Sử dụng khi người dùng muốn định nghĩa thuật ngữ miền, xây dựng bảng thuật ngữ, củng cố thuật ngữ, tạo ngôn ngữ phổ biến, hoặc đề cập đến "mô hình miền" hoặc "DDD".

We need to translate the given text from English to Vietnamese, preserving the name "ui-styling" if it appears, but it doesn't appear in the text. The text describes creating user interfaces with shadcn/ui, Radix UI, Tailwind CSS, etc. We must not add any extra commentary, labels, or formatting. Just the translation. The text: "Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications." Translate to Vietnamese. Keep technical terms like shadcn/ui, Radix UI, Tailwind CSS, etc. as is. Ensure natural Vietnamese phrasing. Possible translation: "Tạo giao diện người dùng đẹp và dễ tiếp cận với

Trí tuệ thiết kế UI/UX cho web và di động. Bao gồm 50+ phong cách, 161 bảng màu, 57 cặp phông chữ, 161 loại sản phẩm, 99 hướng dẫn UX và 25 loại biểu đồ trên 10 stack (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui và HTML/CSS). Hành động: lên kế hoạch, xây dựng, tạo, thiết kế, triển khai, xem xét, sửa lỗi, cải thiện, tối ưu hóa, nâng cao, tái cấu trúc và kiểm tra mã UI/UX. Dự án: website, trang đích, bảng điều khiển, bảng quản trị, thương mại điện tử, SaaS, portfolio, blog và

Tạo hoặc cập nhật kỹ năng bằng cách sinh, chỉnh sửa hoặc tinh chỉnh các tệp SKILL.md trong kho lưu trữ này. Sử dụng khi viết kỹ năng mới hoặc sửa đổi cấu trúc, frontmatter hoặc hướng dẫn cho các kỹ năng hiện có.

Phát hiện và gọi kỹ năng tác nhân. Sử dụng khi bắt đầu một phiên làm việc hoặc khi bạn cần phát hiện kỹ năng nào phù hợp với tác vụ hiện tại. Đây là kỹ năng siêu cấp điều chỉnh cách tất cả các kỹ năng khác được phát hiện và gọi.

Sử dụng khi bắt đầu công việc tính năng cần cách ly khỏi không gian làm việc hiện tại hoặc trước khi thực thi kế hoạch triển khai - đảm bảo tồn tại không gian làm việc cách ly thông qua công cụ gốc hoặc git worktree dự phòng

Sử dụng khi bắt đầu bất kỳ cuộc trò chuyện nào - thiết lập cách tìm và sử dụng kỹ năng, yêu cầu gọi công cụ Skill trước bất kỳ phản hồi nào bao gồm cả câu hỏi làm rõ.

Xác thực rằng việc triển khai nhánh hoặc yêu cầu kéo khớp với các thông số kỹ thuật về sản phẩm, kỹ thuật, bảo mật và liên quan đã được giới thiệu. Sử dụng khi xem xét hoặc hoàn thiện một thay đổi dựa trên thông số kỹ thuật và giải quyết sự không khớp giữa thông số kỹ thuật đã kiểm tra và việc triển khai.

Sử dụng để tối ưu chi phí và hiệu suất Vercel trên các dự án đã triển khai, đặc biệt là Next.js, SvelteKit, Nuxt và một số ứng dụng Astro hạn chế. Thu thập số liệu Vercel, mức sử dụng, cấu hình dự án và kết quả quét mã trước; chỉ điều tra các ứng viên dựa trên số liệu; đưa ra các đề xuất xếp hạng dựa trên các tệp đã xác minh và tài liệu Vercel/framework có nhận thức về phiên bản. Kích hoạt để giảm hóa đơn Vercel, các tuyến chậm hoặc đắt, cơ hội lưu cache, Function Invocations, Build Minutes, Fast Data Transfer, Core...

Sử dụng khi sắp xác nhận công việc đã hoàn thành, đã sửa lỗi hoặc đạt yêu cầu, trước khi commit hoặc tạo PR - yêu cầu chạy các lệnh xác minh và xác nhận kết quả đầu ra trước khi đưa ra bất kỳ tuyên bố thành công nào; luôn có bằng chứng trước khi khẳng định.

Khung kiểm thử đơn vị nhanh Vitest được hỗ trợ bởi Vite với API tương thích Jest. Sử dụng khi viết kiểm thử, giả lập, cấu hình độ phủ, hoặc làm việc với bộ lọc kiểm thử và fixture.

Lập kế hoạch cho một khối lượng công việc lớn — nhiều hơn những gì một phiên tác nhân có thể xử lý — dưới dạng bản đồ chia sẻ các ticket điều tra trên trình theo dõi vấn đề của bạn, và giải quyết từng cái một cho đến khi con đường đến đích trở nên rõ ràng.

Xem xét mã giao diện người dùng để tuân thủ Web Interface Guidelines. Sử dụng khi được yêu cầu "xem xét giao diện người dùng của tôi", "kiểm tra khả năng tiếp cận", "kiểm toán thiết kế", "xem xét trải nghiệm người dùng" hoặc "kiểm tra trang web của tôi theo các thực hành tốt nhất".

Kiểm tra chất lượng web toàn diện bao gồm hiệu suất, khả năng tiếp cận, SEO và các phương pháp tốt nhất. Sử dụng khi được yêu cầu "kiểm tra trang web của tôi", "đánh giá chất lượng web", "chạy kiểm tra lighthouse", "kiểm tra chất lượng trang" hoặc "tối ưu hóa trang web của tôi".

Bộ công cụ để tương tác và kiểm tra các ứng dụng web cục bộ bằng Playwright. Hỗ trợ xác minh chức năng giao diện người dùng, gỡ lỗi hành vi UI, chụp ảnh màn hình trình duyệt và xem nhật ký trình duyệt. giấy phép: Điều khoản đầy đủ trong LICENSE.txt

Tạo một trình hướng dẫn bash tương tác, hướng dẫn con người thực hiện một quy trình thủ công — thiết lập bên thứ ba, di chuyển một lần, chuyển đổi trạng thái A→B — mở URL, thu thập giá trị, xác nhận từng bước, và ghi tệp .env cùng bí mật GitHub Actions.

Viết một tài liệu đặc tả PRODUCT.md cho một tính năng quan trọng hướng đến người dùng trong Warp, tập trung vào hành vi chi tiết và xác thực. Sử dụng khi người dùng yêu cầu một đặc tả sản phẩm, tài liệu hành vi mong muốn, hoặc PRD, muốn xác định hành vi tính năng trước khi triển khai, hoặc khi tính năng đủ lớn hoặc mơ hồ về mặt hành vi đến mức một đặc tả viết ra sẽ cải thiện việc triển khai hoặc đánh giá.

Viết bản đặc tả kỹ thuật TECH.md cho một tính năng Warp quan trọng sau khi nghiên cứu codebase hiện tại và các ràng buộc triển khai. Sử dụng khi người dùng yêu cầu một bản đặc tả kỹ thuật, kế hoạch triển khai, hoặc tài liệu kiến trúc gắn với đặc tả sản phẩm.