Design

openclaw-persona-forge là một skill theo quy trình, dùng để xây dựng trọn bộ persona OpenClaw từ đầu. Skill này tạo ra xung đột bản sắc, khung trình bày kiểu SOUL.md, quy tắc ranh giới, các phương án đặt tên và gợi ý prompt avatar tùy chọn. Phù hợp nhất cho thiết kế nhân vật OpenClaw, agent nhập vai và công việc persona gần với UI Design; không phù hợp cho việc chỉnh sửa nhỏ trên một persona đã có sẵn.

gan-style-harness là một skill Generator-Evaluator cho Agent Orchestration, giúp xây dựng ứng dụng hoàn chỉnh với mức phản biện chặt hơn, vòng lặp cải tiến tốt hơn và ít điểm yếu hơn. Hãy dùng nó khi bạn cần skill gan-style-harness cho các tác vụ nặng về frontend, full-stack hoặc hướng production, nơi chất lượng review quan trọng hơn tốc độ.

prototype skill giúp bạn xây dựng mã dùng tạm để trả lời một câu hỏi cụ thể trước khi đầu tư vào một triển khai thật. Hãy dùng nó để kiểm tra logic, chuyển trạng thái, cấu trúc dữ liệu hoặc hướng UI bằng một prototype có thể chạy và bám theo quy ước của repo chủ. Đây là lựa chọn lý tưởng khi bạn cần một hướng dẫn prototype nhanh, không phải một tính năng hoàn chỉnh.

design-taste-frontend là một kỹ năng frontend chống “slop” dành cho landing page, portfolio, trang biên tập và các dự án redesign. Kỹ năng này giúp agent đọc brief, suy ra hướng thiết kế phù hợp và triển khai giao diện có chủ ý, thay vì trông như mẫu có sẵn. Phù hợp nhất cho Frontend Development khi gu thiết kế, thứ bậc nội dung và độ ăn khớp với thương hiệu là yếu tố quan trọng.

typeset cải thiện typography cho UI bằng cách chỉnh lựa chọn font, hệ thống phân cấp, cỡ chữ, độ đậm và khả năng đọc để văn bản trông có chủ ý hơn. Hãy dùng typeset skill cho UI Design khi chữ trông chung chung, thiếu nhất quán hoặc khó lướt đọc, và bạn muốn một hệ thống kiểu chữ rõ ràng hơn, ít phải đoán mò hơn.

shape là một skill UI/UX ưu tiên lập kế hoạch, thực hiện một buổi phỏng vấn khám phá có cấu trúc và tạo một design brief trước khi viết code. Dùng nó để làm rõ vấn đề người dùng, các ràng buộc và hướng đi, rồi chuyển brief cho bước triển khai.

quieter là một skill tinh chỉnh thiết kế UI giúp giảm cảm giác gắt, ồn mắt hoặc quá kích thích trong giao diện mà vẫn giữ được độ rõ ràng, thứ bậc thị giác và định hướng thương hiệu. Skill này phát huy hiệu quả nhất khi dùng sau skill cha $impeccable, đồng thời giúp nhóm xác định nguồn gây cảm giác quá tải trước khi thực hiện các điều chỉnh có mục tiêu.

distill giúp tinh gọn thiết kế UI rối mắt bằng cách loại bỏ yếu tố gây nhiễu, hệ thống phân cấp yếu và các lựa chọn dư thừa để tác vụ cốt lõi trở nên rõ ràng. Hãy dùng khi một màn hình cần được lược giản có kỷ luật, ưu tiên rõ hơn và một lượt đơn giản hóa tập trung.

critique giúp bạn xem xét giao diện, tính năng, trang hoặc thành phần dưới góc nhìn UX với chấm điểm có cấu trúc, kiểm thử theo persona, kiểm tra heuristic và phản hồi có thể hành động. Hãy dùng skill critique khi bạn cần một quy trình critique lặp lại được cho UI/UX Design, thay vì những nhận xét mơ hồ. Skill này phù hợp nhất cho các phiên critique tập trung vào một khu vực cụ thể với bối cảnh rõ ràng.

Dùng skill delight để thêm độ trau chuốt cho UI, micro-interactions và cá tính cho các trạng thái thành công, đang tải, trống và onboarding mà không làm giảm khả năng sử dụng hay mất tập trung.

Clarify giúp cải thiện UX copy khó hiểu, thông báo lỗi, nhãn, các bước onboarding và hướng dẫn để người dùng có thể hành động với ít phải đoán hơn. Skill này phù hợp cho Technical Writing, nội dung hỗ trợ và các nhóm sản phẩm cần văn bản giao diện rõ ràng hơn. Skill bắt đầu từ bối cảnh, đối tượng và trạng thái của người dùng trước khi viết lại, nhờ đó đầu ra trực tiếp hơn, cụ thể hơn và dễ dùng hơn.

figma-create-new-file tạo một file Figma Design trống mới hoặc một bảng FigJam mới trong drafts. Dùng khi bạn cần một điểm khởi đầu mới trước các thao tác Figma sâu hơn, bao gồm cả use_figma. Skill này hỗ trợ design hoặc figjam, đặt tên file tùy chọn, và có thể giải quyết quyền truy cập gói bằng whoami khi cần.

Dùng figma để lấy ngữ cảnh thiết kế, ảnh chụp màn hình, biến và tài nguyên từ Figma MCP server, rồi chuyển các node Figma thành quyết định UI sẵn sàng cho triển khai. Kỹ năng figma này rất phù hợp khi bạn có Figma URL hoặc node ID và cần cách dùng figma chính xác cho công việc thiết kế sang code, thiết lập hoặc khắc phục sự cố.

shader-dev là một skill GLSL thực dụng dành cho hiệu ứng thời gian thực kiểu ShaderToy. Dùng shader-dev skill để xây dựng hoặc gỡ lỗi ray marching, SDF scenes, lighting, particles, fluid motion, post-processing và shader-dev cho UI Design với ít phải đoán mò hơn so với một prompt chung chung.

brainstorm-ideas-new là một kỹ năng lên ý tưởng ở giai đoạn khám phá, giúp biến một ý tưởng sản phẩm mới thành các ý tưởng tính năng cụ thể từ góc nhìn PM, Designer và Engineer. Hãy dùng nó cho discovery ban đầu, ý tưởng khởi nghiệp và lập kế hoạch chiến lược khi bạn cần những phương án thực tế để kiểm chứng trước khi xây dựng.

identify-assumptions-existing giúp bạn kiểm tra độ vững của một ý tưởng tính năng trong sản phẩm hiện có bằng cách làm lộ ra các giả định rủi ro trên bốn khía cạnh: Value, Usability, Viability và Feasibility. Skill này kết hợp góc nhìn từ PM, designer và engineer, đồng thời có lớp tư duy “devil’s advocate” cho Strategic Planning và rà soát rủi ro trước khi build.

brainstorm-ideas-existing là một skill khám phá sản phẩm để tạo ý tưởng xoay quanh một sản phẩm hiện có, dựa trên góc nhìn của PM, Designer và Engineer. Skill này giúp bạn mở rộng cơ hội, thu hẹp các hướng hứa hẹn và ưu tiên khái niệm cho quy trình Product Management và hoạt động discovery theo bộ ba.

wwas là một prompt skill cho Requirements Planning, giúp biến ý tưởng thô thành các backlog item theo cấu trúc Why-What-Acceptance. Dùng skill wwas để ghi lại bối cảnh kinh doanh, xác định rõ thay đổi cần thực hiện, và viết tiêu chí chấp nhận có thể kiểm thử cho công việc sẵn sàng đưa vào sprint.

Dùng skill user-stories để biến tính năng thành các user story sẵn sàng đưa vào backlog với 3 C, tiêu chí INVEST, liên kết thiết kế và tiêu chí chấp nhận có thể kiểm thử. Phù hợp để viết user story, tách tính năng thành các mục backlog, và dùng user-stories cho Lập kế hoạch yêu cầu với phạm vi rõ hơn và ít phải đoán hơn.

Dùng skill job-stories để biến ý tưởng tính năng thành các job story theo JTBD, theo mẫu “Khi [tình huống], tôi muốn [động lực], để tôi có thể [kết quả].” Skill này giúp tạo backlog rõ ràng hơn, áp dụng job-stories hiệu quả cho Lập kế hoạch yêu cầu, và xây dựng tiêu chí chấp nhận bám sát ngữ cảnh người dùng.

Kỹ năng design giúp biến các yêu cầu UI mơ hồ thành đầu ra trực quan đạt chuẩn sản xuất cho trang, component, dashboard và tinh chỉnh dựa trên screenshot. Hãy dùng khi giao diện trông xấu, chưa rõ ràng, thiếu nhất quán hoặc sai về mặt thị giác, và khi bạn cần design cho UI Design thay vì logic backend hay pipeline dữ liệu. Kỹ năng này bao gồm hướng dẫn cài đặt, cách dùng, các rào chắn an toàn và những quyết định thẩm mỹ tốt hơn.

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.

Kỹ năng sharp-edges giúp bạn tìm ra các API, cấu hình và giao diện mà “đi theo đường dễ nhất” lại dẫn tới việc sử dụng không an toàn. Hãy dùng nó để rà soát luồng xác thực, các lớp bao bọc mật mã, mặc định nguy hiểm, ngữ nghĩa null hoặc zero, và những lựa chọn thiết kế dễ bị dùng sai. Đây là lựa chọn rất phù hợp cho công việc sharp-edges trong Security Audit khi bạn cần các điểm dễ “vấp” cụ thể, chứ không phải những phỏng đoán bảo mật chung chung.

lean-ux-canvas giúp các nhóm định hình vấn đề kinh doanh, làm rõ các giả định và xác định điều cần học tiếp theo bằng Lean UX Canvas v2. Hãy dùng nó để chuẩn bị workshop, thống nhất với các bên liên quan và khám phá sản phẩm ở giai đoạn đầu khi bạn cần một hướng dẫn lean-ux-canvas thực tế trước khi đi vào giải pháp.