skills

Bộ kit, từng cell một.
13 skills, giải thích đầy đủ

Mọi skill public trong kit — lệnh, tác dụng, và cách vận hành bên dưới. Không hộp đen: git clone mã nguồn, chạy make, và đọc cùng.

13
skill public
3
nhóm
MIT
giấy phép
wakii — install
$git clone https://github.com/wakii-dev/wakii wakii && cd wakii && make
→ hướng dẫn đầy đủ: /vi/docs/getting-started/

workflow

Từ ý tưởng thô tới merge đã kiểm chứng — lên kế hoạch, công bố, và điều hành trọn vẹn một tính năng.

/story-workflow flagship

story-workflow

Chạy tính năng lớn dưới dạng story — một issue epic với mỗi slice là một workflow sub-feature, cấu trúc theo tier bracket dọc.

cách vận hành

Phân tích một lần ở cấp epic với độ nghiêm ngặt tối đa, viết bracket file liệt kê sub-feature kèm dependency, rồi phóng từng sub-feature như một workflow cách ly kế thừa phân tích đó. Watchdog đánh thức slice bị stall cho tới khi story verify hoàn tất.

/brainstorm workflow

brainstorm

Biến một ý tưởng còn thô thành spec đã kiểm chứng và kế hoạch triển khai trước khi có bất kỳ dòng code nào.

cách vận hành

Khám phá ý định và yêu cầu qua các câu hỏi làm rõ, thách thức các giả định, rồi tạo spec kèm kế hoạch từng bước. Có thể đăng plan lên Linear và dựng git worktree cách ly cho việc triển khai.

/writing-plans-linear workflow

writing-plans-linear

Viết kế hoạch triển khai chi tiết đủ cho một engineer không có ngữ cảnh nào, và đăng lên Linear để cả team cùng thấy.

cách vận hành

Tách spec thành các task nhỏ vừa sức — file cần sửa, code cần viết, cách test từng bước — với giả định người đọc không biết gì. Ở chế độ publish, nó tạo một subtask Linear mỗi milestone và đồng bộ tiến độ khi work hạ cánh.

/orca-superpowers-workflow workflow

orca-superpowers-workflow

Pipeline tính năng đầu-cuối: phân tích tác động, issue Linear, spec, plan, task DAG, thực thi kèm gate, và verify cuối — gói trong một luồng.

cách vận hành

Bọc trọn superpowers workflow và tự kích hoạt các Orca bridge tại điểm chuyển tiếp — đồng bộ Linear, tạo worktree, task DAG làm bộ nhớ ngoài, và gate quyết định giữa các phase. Thay việc xoay năm skill riêng bằng một lệnh duy nhất.

design

Giao diện có chủ đích — direction, motion, review, và chuyển dịch từ ảnh sang code.

/frontend-design design

frontend-design

Hướng dẫn thiết kế cho UI đọc lên là thấy chủ đích và khác biệt — không bao giờ là mặc định khuôn mẫu.

cách vận hành

Tiếp cận mỗi brief như một design lead: bám vào thế giới riêng của chủ đề, chọn typography và bảng màu có chủ đích, và chấp nhận một rủi ro thẩm mỹ có lý do. Được load mỗi khi có UI mới cần định hình.

/gpt-taste design

gpt-taste

Bộ quy tắc UX/UI và motion GSAP cấp cao, phá các thiên kiến thống kê của design do AI sinh ra.

cách vận hành

Ép buộc randomization thật cho biến thể layout, cấu trúc trang AIDA, typography editorial cỡ lớn, bento grid khít mép, và GSAP ScrollTrigger nghiêm ngặt. Sinh ra để chống những gì LLM hay làm mặc định — heading chữ dài 6 dòng, label rẻ tiền, layout trái/phải lặp đi lặp lại.

/design-taste-frontend design

design-taste-frontend

Review frontend chống "slop" — một lượt audit-first lên UI đã build, trước khi ship.

cách vận hành

Chạy sau khi implement, không phải lúc mocking: đọc brief, suy ra ý định, rồi soát UI đã build theo các quy tắc thẩm mỹ có ngữ cảnh — không gì tự kích hoạt máy móc. Là bước pre-flight nghiêm ngặt trước khi ship.

/image-to-code design

image-to-code

Biến một ảnh design tham chiếu thành component frontend thật, sẵn sàng để triển khai.

cách vận hành

Làm việc ảnh-trước: đọc ảnh tham chiếu như một art director — hierarchy, spacing, tokens — rồi sinh code component bám ảnh như chuẩn độ trung thực. Hiệu quả nhất với ảnh lớn theo section, không phải layout nguyên trang.

/mock-prototype design

mock-prototype

Dựng prototype ý tưởng thành 3 hướng thiết kế HTML, đăng thành link để bạn mở và chọn — không đụng code production.

cách vận hành

Chạy pipeline huashu-design: phác ba hướng dưới dạng HTML, host từng hướng lên một link artifact riêng, chờ bạn chọn, rồi hoàn thiện hướng được chọn và bàn giao spec cho giai đoạn build.

/web-design-guidelines design

web-design-guidelines

Soi code UI qua 105 quy tắc giao diện web cụ thể — accessibility, focus, form, animation, layout, nội dung.

cách vận hành

Một heuristic engine mà mọi quy tắc đều kiểm được bằng code, không bằng cảm tính — vendor từ vercel-labs/web-interface-guidelines (MIT) nên chạy offline được. Dùng trong lượt review song song với screenshot trực quan.

reference

Chiều sâu theo nhu cầu — định tuyến, lý thuyết đồ thị, và nghệ thuật prompt.

/figma-orientation reference

figma-orientation

Router cho việc dùng Figma — đưa ý định của bạn tới đúng skill Figma chính thức hoặc lệnh MCP phù hợp, trước khi bạn chọn sai.

cách vận hành

Được load đầu tiên trong mọi tác vụ Figma, đọc xem bạn thật sự muốn gì (implement design, lấy tokens, sinh code), rồi điều hướng tới đúng skill hoặc lệnh tool. Ngăn lỗi kinh điển là gọi một tool nhưng thiếu skill đồng hành bắt buộc của nó.

/graph-engineering reference

graph-engineering

Dạy graph engineering — knowledge graph (agent nhớ gì) và task graph (agent điều phối thế nào) — ở chế độ giảng dạy kèm ví dụ từng bước.

cách vận hành

Bao phủ thiết kế ontology, trích xuất thực thể và quan hệ, GraphRAG, cộng nửa điều phối: fan-out song song, tách verifier, và gate con người. Nhờ nó xây knowledge graph hoặc học môn này, nó sẽ giải thích từng stage kèm diagram trực quan.

/prompt-master reference

prompt-master

Biến ý tưởng prompt còn thô thành một prompt production-ready, tối ưu cho đúng công cụ AI bạn nêu tên.

cách vận hành

Rút ra ý định thật, nhận diện công cụ đích — LLM, Cursor, Midjourney, coding agent — và xuất một prompt duy nhất không lãng phí token, khóa sẵn identity và format output từ đầu. Chỉ kích hoạt khi bạn yêu cầu rõ ràng việc về prompt.