Skill, nhóm AI Agent và vibe code dashboard
Bản đồ buổi học: năm trạm
Skill
Đóng gói quy trình văn phòng
13h30Nhóm agent
Chia việc, rà soát độc lập
14h10Vibe code dashboard
Từ Google Sheets lên web
14h55Kiểm tra cuối khóa
Sản phẩm và trắc nghiệm
16h05Áp dụng 30 ngày
Kế hoạch tại đơn vị
16h35Thư mục Buổi 4: mỗi bài một file, một prompt
| Thư mục | Có gì | Dùng ở bài |
|---|---|---|
| 00_huong-dan-prompt-va-file.docx | Từng bài: file đưa vào, các bước, prompt chép nguyên văn, tiêu chí đạt | Tất cả |
| 01-skill-mau/.agents | 3 Skill: tro-ly-van-thu, lap-ke-hoach, bao-cao-tuan; chép cả thư mục .agents vào gốc workspace | B4-01 tới B4-04 |
| 02-file-dau-vao | 2 ghi chú; danh sách 30 đại biểu; 5 giấy mời cần rà; dữ liệu KPI, tuyển sinh, truyền thông | B4-01 tới B4-05 |
| 03-mau-bieu | Mẫu 4, 5, 6, 8 của Trường; mẫu báo cáo tiến độ | B4-01 tới B4-04 |
| 04-ket-qua-mau | Thông báo, biên bản, Skill bien-ban-hop, 30 giấy mời, bảng lỗi, dashboard KPI | Đối chiếu |
Làm tiếp trên workspace-van-phong của buổi sáng. Mọi tên người, số liệu là giả lập.
Bài dễ trước, khó sau: làm lần lượt
| Mức | Bài | Phút |
|---|---|---|
| Mức 1 · Làm quen | B4-01. Cài Skill và gọi bằng một câu | 10 |
| Mức 2 · Giao việc thật | B4-02. Nhờ agent viết Skill biên bản họp | 25 |
| Mức 2 · Giao việc thật | B4-03. Nhóm agent sinh 30 giấy mời | 15 |
| Mức 2 · Giao việc thật | B4-04. Một agent khác rà thể thức, xuất bảng lỗi | 15 |
| Mức 3 · Nâng cao | B4-05. Vibe code dashboard từ Google Sheets | 40 |
| Mức 3 · Nâng cao | B4-06. Đưa dashboard lên web bằng Vercel | 30 |
| Tổng kết | B4-07. Bài kiểm tra cuối khóa | 30 |
| Tổng kết | B4-08. Tự lập kế hoạch áp dụng 30 ngày tại đơn vị | 15 |
Bài sau dùng kết quả bài trước. Ai xong sớm làm phần Làm thêm trong file hướng dẫn, không làm trước bài kế tiếp.
Bức tranh chung: ai làm gì trong workspace
workspace-van-phong
Nội quy: agent luôn đọc
Sổ tay nghiệp vụ: mở khi cần
Dữ liệu và kết quả
Anh chị
Giao việc, duyệt kế hoạch, sửa nội quy và Skill bằng Antigravity IDE
Automations
Việc tự chạy theo giờ, như báo cáo sáng (Buổi 3)
Agent chính
Nhận việc trong Antigravity App, chia việc, gom kết quả
Subagent
Agent phụ, bàn làm việc riêng, làm phần được giao
MCP
Ổ cắm nối agent với công cụ ngoài (Buổi 3)
Trạm 1: Skill
Skill
Đóng gói quy trình văn phòng
13h30Nhóm agent
Chia việc, rà soát độc lập
14h10Vibe code dashboard
Từ Google Sheets lên web
14h55Kiểm tra cuối khóa
Sản phẩm và trắc nghiệm
16h05Áp dụng 30 ngày
Kế hoạch tại đơn vị
16h35Skill: quy trình làm việc đóng gói thành file
Skill được gọi ra theo hai cách
bien-ban-hop
Làm đúng 5 bước trong Skill, tự kiểm theo danh sách trước khi giao.
Agent lướt kệ Skill, chỉ đọc tên và mô tả, tìm cái khớp việc.
Khớp! Mở cả file, làm theo.
Prompt, Kỹ năng Gemini và Skill của agent
| Prompt | Kỹ năng (Gemini) | Skill (Antigravity) | |
|---|---|---|---|
| Lưu ở đâu | Không lưu, dán lại mỗi lần | Trong tài khoản Gemini | .agents/skills/ trong workspace; ~/.gemini/config/skills/ cho mọi workspace |
| Gọi thế nào | Dán vào khung chat | Chọn Kỹ năng trong cuộc trò chuyện | Gõ /tên-skill hoặc để agent tự chọn theo description |
| Làm việc với | Một cuộc trò chuyện | Cuộc trò chuyện Gemini | File trong máy, lệnh, MCP |
| Dùng chung | Chép cho nhau | Theo tính năng của Gemini | Chép thư mục Skill cho đồng nghiệp |
Nguồn: antigravity.google/docs/skills, tra 06/11/2026. SKILL.md gồm phần đầu (name, description bắt buộc) và phần thân các bước.
Bên trong một file SKILL.md
--- name: lap-ke-hoach description: Lập KẾ HOẠCH triển khai của Trường theo Mẫu 4 Phụ lục V kèm QĐ 1488, kèm bảng phân công. Dùng khi được nhờ lập kế hoạch, kế hoạch tổ chức hội nghị, tập huấn. --- # Các bước 1. Đọc đầu vào; thiếu thì hỏi trắc nghiệm. 2. Chép bản sao Mẫu 4, điền vào bản sao. 3. Bố cục I tới V, bảng phân công. 4. Lưu 05-ket-qua đúng tên file. # Danh sách kiểm - Mỗi việc có đơn vị và thời hạn - Thứ khớp ngày; thiếu thì để [...]
name: tên Skill, chữ thường, nối gạch ngang, trùng tên thư mục. description: agent đọc dòng này để biết khi nào dùng Skill; viết rõ việc gì, lúc nào.
Các bước làm, quy tắc, danh sách kiểm. Mẫu, ví dụ để trong thư mục con (resources/, examples/), gọi tên trong các bước.
AGENTS.md và SKILL.md khác nhau ở đâu
Skill chỉ mở ra khi làm đúng việc của nó, xong thì thôi: bàn làm việc không bị chật.
AGENTS.md
SKILL.md
Nội quy cơ quan dán ở cửa
Sổ tay nghiệp vụ của một việc
Luôn luôn, mọi cuộc trò chuyện
Gõ /tên-skill, hoặc mô tả khớp việc
Gốc workspace
.agents/skills/tên-skill/SKILL.md
Điều được làm, điều cấm, cách đặt tên
Các bước, mẫu dùng, danh sách kiểm
Mở bằng IDE, sửa, Ctrl+S, mở cuộc trò chuyện mới
Như bên trái; hoặc nhờ agent sửa rồi đọc lại
B4-01. Cài Skill và gọi bằng một câu
Skill tro-ly-van-thu đã dùng trên Gemini ở Buổi 2; cùng file SKILL.md đó chạy được trên Antigravity. Cài vào workspace rồi gọi bằng /tro-ly-van-thu để soạn thông báo đổi họp giao ban.
Đưa vào:
- 01-skill-mau/.agents: chép cả thư mục .agents vào gốc workspace-van-phong (gồm 3 Skill tro-ly-van-thu, lap-ke-hoach, bao-cao-tuan)
- 02-file-dau-vao/01_ghi-chu-hop-giao-ban.docx: chép vào workspace-van-phong/02-van-ban-di
File Word thông báo đổi họp giao ban trong 05-ket-qua, đúng Mẫu 4.
Đạt khi:
- Gõ / thấy tro-ly-van-thu trong danh sách Skill
- Số: .../TB-ĐHYDCT; trích yếu "Về việc thay đổi thời gian họp giao ban tháng 11 năm 2026"
- Họp 14 giờ 00, thứ Năm, ngày 12/11/2026 tại Phòng họp A (không họp sáng thứ Hai 09/11/2026)
- Địa chỉ thư điện tử để [...] vì ghi chú không có; tên file dạng 2026-11-07_thong-bao_...
Lưu ý: Skill để trong
B4-01 · Gọi Skill bằng /tro-ly-van-thu
/tro-ly-van-thuTôi gửi bạn 2 file:- Ghi chú cuộc họp: 02-van-ban-di/01_ghi-chu-hop-giao-ban.docx- Mẫu thông báo của Trường (Mẫu 4): 03-mau-bieu/01_mau-4-van-ban-co-ten-loai.docx Việc cần làm: dựa vào ghi chú, soạn THÔNG BÁO đổi lịch họp giao ban. Chép file mẫu ra rồi điền vào bản chép, giữ nguyên phần đầu, phông, lề, khối chữ ký.- Số ký hiệu ghi .../TB-ĐHYDCT.- Chỉ dùng thông tin có trong ghi chú; thiếu gì thì để [...]. Kết quả: file Word lưu vào 05-ket-qua, đặt tên theo nội quy AGENTS.md.Cuối việc cho tôi biết: còn thiếu thông tin gì, chỗ nào bạn chưa chắc.
B4-01 · Kết quả: thông báo đúng Mẫu 4
04-ket-qua-mau/01_thong-bao-doi-hop-giao-ban.docx
Đạt khi:
- Gõ / thấy tro-ly-van-thu trong danh sách Skill
- Số: .../TB-ĐHYDCT; trích yếu "Về việc thay đổi thời gian họp giao ban tháng 11 năm 2026"
- Họp 14 giờ 00, thứ Năm, ngày 12/11/2026 tại Phòng họp A (không họp sáng thứ Hai 09/11/2026)
- Địa chỉ thư điện tử để [...] vì ghi chú không có; tên file dạng 2026-11-07_thong-bao_...
Anh chị tự làm điền địa chỉ thư điện tử, họ tên người ký (chỗ tô vàng).
B4-02. Nhờ agent viết Skill biên bản họp
Biên bản họp là việc lặp lại hằng tuần. Mô tả quy trình một lần, agent viết thành Skill bien-ban-hop; lần sau chỉ cần gọi /bien-ban-hop kèm ghi chú.
Đưa vào:
- 02-file-dau-vao/02_ghi-chu-roi-cuoc-hop.docx: chép vào workspace-van-phong/02-van-ban-di
- 03-mau-bieu/04_mau-8-bien-ban.docx (đã có trong workspace)
Skill .agents/skills/bien-ban-hop/SKILL.md; biên bản họp Word trong 05-ket-qua.
Đạt khi:
- SKILL.md có name, description, các bước, danh sách kiểm
- Biên bản: họp 14 giờ 00, thứ Tư, ngày 18/11/2026, Phòng họp B, chủ tọa Phó Hiệu trưởng Đặng Văn Hưng
- Kết luận 4 ý a) tới d); việc cấp giấy chứng nhận nội bộ ghi "chưa quyết định"
- Mỗi học viên có ít nhất 2 Skill dùng được (bien-ban-hop và một Skill mẫu)
Lưu ý: Phần description quyết định agent có tự dùng Skill hay không: viết rõ việc gì, lúc nào. Hai Skill mẫu lap-ke-hoach, bao-cao-tuan trong 01-skill-mau dùng ngay được.
B4-02 · Nhờ agent viết Skill bien-ban-hop
Tôi muốn có một Skill tên bien-ban-hop, để lần sau chỉ cần gõ /bien-ban-hop là bạn làm biên bản họp đúng mẫu của Trường.Bạn tạo file .agents/skills/bien-ban-hop/SKILL.md với nội dung sau. Tên (name): bien-ban-hopMô tả (description): Lập biên bản họp của Trường Đại học Y Dược Cần Thơ từ ghi chú rời, theo Mẫu 8 của Trường. Dùng khi được nhờ làm biên bản họp, biên bản giao ban. Các bước làm:1. Đọc ghi chú, tìm: thời gian, địa điểm, thành phần, chủ tọa, thư ký.2. Chép mẫu 03-mau-bieu/04_mau-8-bien-ban.docx ra rồi điền vào bản chép.3. Ý kiến ghi theo thứ tự người phát biểu. Kết luận ghi từng ý a), b), c), có người làm và hạn.4. Việc chưa quyết thì ghi "chưa quyết định", không tự kết luận.5. Lưu vào 05-ket-qua. Trước khi giao, tự kiểm: số .../BB-ĐHYDCT; đủ thành phần; có giờ bắt đầu, giờ kết thúc; thư ký ký bên trái, chủ tọa ký bên phải; nơi nhận có dòng Lưu. Trình kế hoạch trước, tôi duyệt rồi bạn mới làm.
B4-02 · Kết quả: biên bản họp đúng Mẫu 8
04-ket-qua-mau/02_bien-ban-hop.docx; 04-ket-qua-mau/bien-ban-hop/SKILL.md
Đạt khi:
- SKILL.md có name, description, các bước, danh sách kiểm
- Biên bản: họp 14 giờ 00, thứ Tư, ngày 18/11/2026, Phòng họp B, chủ tọa Phó Hiệu trưởng Đặng Văn Hưng
- Kết luận 4 ý a) tới d); việc cấp giấy chứng nhận nội bộ ghi "chưa quyết định"
- Mỗi học viên có ít nhất 2 Skill dùng được (bien-ban-hop và một Skill mẫu)
Anh chị tự làm đọc lại phần kết luận với chủ tọa trước khi trình ký.
Trạm 2: Nhóm agent
Skill
Đóng gói quy trình văn phòng
13h30Nhóm agent
Chia việc, rà soát độc lập
14h10Vibe code dashboard
Từ Google Sheets lên web
14h55Kiểm tra cuối khóa
Sản phẩm và trắc nghiệm
16h05Áp dụng 30 ngày
Kế hoạch tại đơn vị
16h35Nhóm agent: agent chính chia việc
Lệnh /teamwork (nhóm agent tự chạy dài, có phỏng vấn phạm vi trước) chỉ có ở gói trả phí. Nguồn: antigravity.google/docs/subagents, /teamwork, tra 06/11/2026.
Vì sao chia việc cho subagent
Bàn làm việc của agent
Bàn đầy: dễ quên quy tắc đầu, dễ ghi nhầm tên người.
Mỗi subagent chỉ gửi lại: "Đã xong 10 file". Bàn agent chính vẫn gọn.
Mỗi subagent tự suy nghĩ, tự làm phần của mình.
Context riêng: không chen vào bàn của agent chính, ít quên, ít nhầm.
3 phần chạy song song; agent chính chỉ nhận lại kết quả gọn.
Lập nhóm agent cho một nhiệm vụ
Anh chị
Giao việc bằng một prompt
Agent chính
Đọc danh sách, chia việc
3 subagent soạn
Mỗi agent 10 giấy, chạy cùng lúc
Agent soát
Cuộc trò chuyện mới, chỉ ghi lỗi
Anh chị
Đọc bảng lỗi, duyệt cuối
Chia cho mấy subagent, mỗi agent làm phần nào, lưu vào đâu. Ví dụ bài B4-03.
Mở cuộc trò chuyện mới, gọi Skill có danh sách kiểm, dặn chỉ ghi lỗi. Ví dụ bài B4-04.
Xem các subagent ở bảng bên; sai hướng thì bấm Stop Subagent. Lỗi lặp lại: sửa Skill hoặc AGENTS.md rồi chạy lại.
Lệnh /teamwork (nhóm agent tự chạy dài) chỉ có ở gói trả phí; trong lớp dùng subagent như trên. Nguồn: antigravity.google/docs/subagents, /teamwork, tra 06/11/2026.
B4-03. Nhóm agent sinh 30 giấy mời
Hội nghị viên chức cần 30 giấy mời ghi đích danh. Agent chính chia việc cho 3 agent phụ (subagent), mỗi agent làm 10 giấy, chạy song song.
Đưa vào:
- 02-file-dau-vao/03_danh-sach-dai-bieu-30.xlsx: chép vào workspace-van-phong/04-ke-hoach
- 03-mau-bieu/03_mau-6-giay-moi.docx (đã có trong workspace)
30 file Word trong 05-ket-qua/giay-moi/.
Đạt khi:
- Đủ 30 file, tên đúng dạng gm_01_nguyen-van-an.docx
- Mỗi giấy đúng họ tên, chức vụ, đơn vị của dòng tương ứng trong danh sách
- Thời gian 7 giờ 30, thứ Sáu, ngày 04/12/2026, Hội trường A, chủ trì Hiệu trưởng
Lưu ý: Agent chính gọi subagent bằng công cụ invoke_subagent; lệnh /teamwork (nhóm agent tự chạy dài) chỉ có ở gói trả phí (antigravity.google/docs/subagents, /teamwork, tra 06/11/2026). Agent không chia việc mà tự làm đủ 30 file vẫn đạt.
B4-03 · Prompt sinh 30 giấy mời
/tro-ly-van-thuTôi gửi bạn 2 file:- Danh sách 30 đại biểu (giả lập): 04-ke-hoach/03_danh-sach-dai-bieu-30.xlsx- Mẫu giấy mời của Trường (Mẫu 6): 03-mau-bieu/03_mau-6-giay-moi.docx Việc cần làm: làm 30 giấy mời, mỗi đại biểu một giấy, ghi đích danh. Nội dung:- Số: .../GM-ĐHYDCT. Trích yếu: Dự Hội nghị viên chức, người lao động năm 2026.- Kính gửi: Ông/Bà, kèm họ tên, chức vụ, đơn vị của đại biểu đó.- Chủ trì: Hiệu trưởng. Thời gian: 7 giờ 30, thứ Sáu, ngày 04/12/2026. Địa điểm: Hội trường A.- Câu cuối: Đề nghị đại biểu xác nhận tham dự trước 16 giờ 00, thứ Hai, ngày 30/11/2026 với bà Võ Thị Ngọc Lan, chuyên viên Phòng Hành chính tổng hợp, điện thoại 0123 456 741./.- Người ký: KT. HIỆU TRƯỞNG, PHÓ HIỆU TRƯỞNG, họ tên để [...]. Nơi nhận: - Như trên; - Lưu: VT, HCTH. Cách làm: chia cho 3 agent phụ (subagent), mỗi agent làm 10 giấy, chạy cùng lúc.Kết quả: 30 file Word trong 05-ket-qua/giay-moi/, tên file như gm_01_nguyen-van-an.docx. Xong thì báo tôi đã tạo bao nhiêu file.
B4-03 · Kết quả: giấy mời đích danh theo Mẫu 6
04-ket-qua-mau/03_giay-moi/ (30 file)
Đạt khi:
- Đủ 30 file, tên đúng dạng gm_01_nguyen-van-an.docx
- Mỗi giấy đúng họ tên, chức vụ, đơn vị của dòng tương ứng trong danh sách
- Thời gian 7 giờ 30, thứ Sáu, ngày 04/12/2026, Hội trường A, chủ trì Hiệu trưởng
Anh chị tự làm mở ngẫu nhiên 3 file, so với danh sách; ký số hoặc in ký.
B4-04. Một agent khác rà thể thức, xuất bảng lỗi
Người soạn và người soát phải là hai người. Mở cuộc trò chuyện mới (agent chưa biết gì về việc soạn) để rà 5 giấy mời đã cài sẵn lỗi, đối chiếu danh sách đại biểu.
Đưa vào:
- 02-file-dau-vao/04_giay-moi-can-ra-soat/: 5 giấy mời, chép vào workspace-van-phong/05-ket-qua/giay-moi-ra-soat
- 04-ke-hoach/03_danh-sach-dai-bieu-30.xlsx (bài B4-03)
Bảng lỗi bang-loi-ra-soat.csv: 5 file, 1 đạt, 4 có lỗi.
Đạt khi:
- gm_03: họ tên "Lê Hoàng Cương" sai, danh sách là "Lê Hoàng Cường"
- gm_07: nơi nhận thiếu dòng "- Lưu: VT, HCTH."
- gm_12: "thứ Năm, ngày 04/12/2026" sai thứ (04/12/2026 là thứ Sáu)
- gm_18: phông Arial thay vì Times New Roman; gm_25 đạt
- Không file nào bị agent sửa
Lưu ý: Lỗi phông chữ chỉ thấy khi agent đọc định dạng của file Word (thường xin chạy lệnh Python); agent chỉ đọc chữ thì bỏ sót lỗi này. Đó là lý do vẫn cần người kiểm cuối.
B4-04 · Agent khác rà soát, không tự sửa
/tro-ly-van-thuThư mục 05-ket-qua/giay-moi-ra-soat/ có 5 giấy mời người khác soạn. Bạn rà từng giấy, so với Mẫu 6 và danh sách 04-ke-hoach/03_danh-sach-dai-bieu-30.xlsx. Kiểm các mục: số ký hiệu, trích yếu, kính gửi (họ tên, chức vụ, đơn vị có khớp danh sách không), chủ trì, thời gian (thứ có khớp với ngày không), địa điểm, nơi nhận, chức vụ người ký, phông chữ. Kết quả: bảng lỗi lưu ở 05-ket-qua/bang-loi-ra-soat.csv (kiểu UTF-8 có BOM), gồm cột: Tên file, Thành phần, Lỗi, Căn cứ. Dòng cuối ghi: tổng số file, số file đạt, số file có lỗi.Chỉ ghi lỗi, không sửa file nào.
B4-04 · Kết quả: bảng lỗi 5 giấy mời
04-ket-qua-mau/04_bang-loi-ra-soat.xlsx
Đạt khi:
- gm_03: họ tên "Lê Hoàng Cương" sai, danh sách là "Lê Hoàng Cường"
- gm_07: nơi nhận thiếu dòng "- Lưu: VT, HCTH."
- gm_12: "thứ Năm, ngày 04/12/2026" sai thứ (04/12/2026 là thứ Sáu)
- gm_18: phông Arial thay vì Times New Roman; gm_25 đạt
- Không file nào bị agent sửa
Anh chị tự làm lỗi lặp ở nhiều file thì sửa trong Skill, không sửa tay từng file.
Vì sao nên để một agent khác rà kết quả, thay vì agent vừa soạn tự rà?
Trạm 3: Vibe code dashboard
Skill
Đóng gói quy trình văn phòng
13h30Nhóm agent
Chia việc, rà soát độc lập
14h10Vibe code dashboard
Từ Google Sheets lên web
14h55Kiểm tra cuối khóa
Sản phẩm và trắc nghiệm
16h05Áp dụng 30 ngày
Kế hoạch tại đơn vị
16h35Vibe code: tả bằng lời, agent viết code
Vibe code hợp với công cụ nội bộ nhỏ. Kiểm bằng số liệu thật (đối chiếu Sheets), không tin vào giao diện đẹp.
Từ bảng tính lên web trong năm bước
Google Sheets
Mở file dữ liệu giả lập bằng Google Trang tính.
Link CSV
Tệp > Chia sẻ > Công bố lên web > chọn trang tính > CSV. Chép đường dẫn.
Agent dựng trang
Tả trang bằng lời; agent viết index.html đọc link CSV.
vercel --prod
Một lệnh đưa trang lên web, nhận đường dẫn công khai.
Sửa số, tải lại
Đổi số trong Sheets, chờ vài phút, tải lại trang thấy số mới.
Bản công bố CSV cập nhật sau khi Sheets đồng bộ, thường mất vài phút; không phải tức thì.
Ba mẫu dashboard, chọn một để làm
| KPI đơn vị | Tuyển sinh | Truyền thông | |
|---|---|---|---|
| File dữ liệu | 05_du-lieu-kpi.xlsx | 06_du-lieu-tuyen-sinh.xlsx | 07_du-lieu-truyen-thong.xlsx |
| Cột | Đơn vị, Quý, Chỉ tiêu, Đã thực hiện, Số việc trễ hạn | Ngành, Đợt, Chỉ tiêu, Hồ sơ nộp, Trúng tuyển, Nhập học | Ngày đăng, Chuyên mục, Tiêu đề, Đơn vị viết, Trạng thái, Lượt xem |
| Chỉ số chính | Tỷ lệ hoàn thành, việc trễ hạn | Hồ sơ so với chỉ tiêu | Số tin theo chuyên mục, tin chờ duyệt |
| Cảnh báo | Đơn vị dưới 70% | Ngành dưới 50% chỉ tiêu | Tin chờ duyệt |
Ngưỡng cảnh báo là ví dụ để thực hành; đơn vị tự đặt theo quy định của mình. Toàn bộ dữ liệu là giả lập.
B4-05. Vibe code dashboard từ Google Sheets
Lãnh đạo cần một trang nhìn ra tiến độ chỉ tiêu của 8 đơn vị. Không cần biết lập trình: tả bằng lời trang mình muốn, agent viết code, mình kiểm bằng mắt kết quả (vibe code).
Đưa vào:
- Chọn một trong ba: 02-file-dau-vao/05_du-lieu-kpi.xlsx (mặc định), 06_du-lieu-tuyen-sinh.xlsx, 07_du-lieu-truyen-thong.xlsx
- Chép file vào workspace-van-phong/04-ke-hoach (tự lên Google Drive)
Trang 05-ket-qua/dashboard/index.html hiện số và biểu đồ từ Google Trang tính.
Đạt khi:
- Cả năm: tổng chỉ tiêu 1.260; đã thực hiện 1.008; tỷ lệ 80,0%; trễ hạn 58
- 1 đơn vị dưới 70% tô đỏ: Phòng Quản trị thiết bị (66,4%)
- Đủ 8 đơn vị trên biểu đồ cột; lọc Quý 4 thì số đổi theo
- Trang mở được trên điện thoại, không vỡ khung
Lưu ý: Mẫu tuyển sinh: thay cột thành Ngành, Đợt, Chỉ tiêu, Hồ sơ nộp, Trúng tuyển, Nhập học; ô số là tổng hồ sơ, tỷ lệ hồ sơ trên chỉ tiêu; tô đỏ ngành dưới 50% chỉ tiêu. Mẫu truyền thông: cột Ngày đăng, Chuyên mục, Tiêu đề, Đơn vị viết, Trạng thái, Lượt xem; ô số là số tin theo trạng thái; cảnh báo tin Chờ duyệt. Link CSV công bố ai có cũng xem được: chỉ công bố dữ liệu giả lập.
B4-05 · Tả dashboard bằng lời
Tôi muốn có một trang web nhỏ để lãnh đạo xem tiến độ chỉ tiêu. Tôi không biết lập trình, bạn viết giúp tôi. Dữ liệu: lấy trực tiếp từ link này (bảng Google Trang tính đã công bố dạng CSV): [dán link CSV]Bảng có các cột: Đơn vị, Quý, Chỉ tiêu, Đã thực hiện, Số việc trễ hạn, Ghi chú. Trang gồm:1. Tiêu đề "Theo dõi chỉ tiêu năm 2026", dòng nhỏ bên dưới "Dữ liệu giả lập để thực hành".2. Bốn ô số to: tổng chỉ tiêu, đã thực hiện, tỷ lệ hoàn thành, số việc trễ hạn.3. Biểu đồ cột: tỷ lệ hoàn thành cả năm của từng đơn vị. Biểu đồ đường: tỷ lệ theo từng quý.4. Bảng chi tiết từng đơn vị; đơn vị nào dưới 70% thì tô đỏ. Có ô chọn quý để lọc.Tỷ lệ = Đã thực hiện chia Chỉ tiêu, làm tròn 1 số lẻ. Yêu cầu: chỉ một file 05-ket-qua/dashboard/index.html, mở bằng trình duyệt là chạy, không cài thêm gì. Biểu đồ dùng Chart.js từ cdnjs. Màu xanh lá đậm, chữ tiếng Việt rõ, xem tốt trên điện thoại. Cuối trang ghi giờ tải dữ liệu.
B4-05 · Kết quả: dashboard KPI để đối chiếu
04-ket-qua-mau/05_dashboard-kpi/index.html
Đạt khi:
- Cả năm: tổng chỉ tiêu 1.260; đã thực hiện 1.008; tỷ lệ 80,0%; trễ hạn 58
- 1 đơn vị dưới 70% tô đỏ: Phòng Quản trị thiết bị (66,4%)
- Đủ 8 đơn vị trên biểu đồ cột; lọc Quý 4 thì số đổi theo
- Trang mở được trên điện thoại, không vỡ khung
Anh chị tự làm sửa bằng lời tới khi ưng: đổi màu, thêm bộ lọc, đổi ngưỡng cảnh báo.
B4-06. Đưa dashboard lên web bằng Vercel
Trang đang nằm trên máy mình. Một lệnh vercel --prod đưa trang lên web, lãnh đạo mở bằng điện thoại. Dữ liệu vẫn đọc từ Google Trang tính nên sửa số ở Sheets là trang đổi theo.
Đưa vào:
- Thư mục 05-ket-qua/dashboard (bài B4-05)
- Vercel CLI đã cài, đã đăng nhập (vercel login) trước buổi học
Đường dẫn https://dashboard-chi-tieu-....vercel.app mở được trên điện thoại.
Đạt khi:
- Mở được đường dẫn Vercel trên điện thoại, số giống bản trên máy
- Sửa ô Đã thực hiện của Phòng Đào tạo, Quý 4 từ 36 thành 50: sau khi Sheets cập nhật bản công bố, ô đã thực hiện tăng 14 (1.008 thành 1.022)
Lưu ý: Bản công bố CSV của Google Trang tính cập nhật sau vài phút, không tức thì [Cần xác nhận lại thời gian trên máy]. Ai có đường dẫn đều xem được trang: chỉ đưa dữ liệu giả lập hoặc dữ liệu được phép công khai. Vercel lỗi (chưa đăng nhập, mạng chặn) thì không chặn bài kiểm tra: chụp màn hình dashboard chạy trên máy để nộp ở B4-07.
B4-06 · Đưa lên web bằng Vercel CLI
Gõ từng dòng, mỗi dòng bấm Enter:cd 05-ket-qua\dashboardvercel --prod Lần đầu, Vercel hỏi vài câu, trả lời như sau:- Set up and deploy? chọn Yes- Which scope? chọn tài khoản của mình- Link to existing project? chọn No- Project name: dashboard-chi-tieu-[ten-minh-khong-dau]Cuối cùng Vercel in ra đường dẫn dạng https://....vercel.app
Trạm 4: Kiểm tra cuối khóa
Skill
Đóng gói quy trình văn phòng
13h30Nhóm agent
Chia việc, rà soát độc lập
14h10Vibe code dashboard
Từ Google Sheets lên web
14h55Kiểm tra cuối khóa
Sản phẩm và trắc nghiệm
16h05Áp dụng 30 ngày
Kế hoạch tại đơn vị
16h35Bài kiểm tra cuối khóa
Điều kiện cấp chứng nhận: dự từ 75% thời lượng và bài kiểm tra đạt yêu cầu (Thông báo đăng ký tập huấn ngày 28/10/2026).
Trạm 5: Áp dụng 30 ngày
Skill
Đóng gói quy trình văn phòng
13h30Nhóm agent
Chia việc, rà soát độc lập
14h10Vibe code dashboard
Từ Google Sheets lên web
14h55Kiểm tra cuối khóa
Sản phẩm và trắc nghiệm
16h05Áp dụng 30 ngày
Kế hoạch tại đơn vị
16h35Tự lập kế hoạch áp dụng 30 ngày tại đơn vị
Tôi là [chuyên viên văn phòng Khoa ...]. Tôi vừa học xong khóa ứng dụng AI trong công tác văn phòng (ChatGPT, Gemini, NotebookLM, Antigravity, Skill, dashboard).Bạn giúp tôi lập kế hoạch dùng AI trong 30 ngày tới tại đơn vị. Trước khi lập, hỏi tôi tối đa 5 câu trắc nghiệm để biết: việc tôi lặp lại nhiều nhất, công cụ đơn vị cho dùng, loại dữ liệu nhạy cảm tôi hay gặp, mỗi tuần tôi có bao nhiêu thời gian. Sau đó lập bảng 4 tuần, mỗi tuần chỉ một việc, gồm cột: Tuần, Việc áp dụng, Công cụ, Cách che dữ liệu, Cách đo kết quả (mất bao lâu trước và sau khi dùng AI).
Kết thúc khóa học
Skill đóng gói quy trình: viết một lần, gọi bằng /tên-skill, dùng chung cả phòng.
Nhóm agent chia việc chạy song song; một agent khác rà soát độc lập, không tự sửa.
Vibe code: tả bằng lời, agent viết trang; kiểm bằng số liệu; chỉ công bố dữ liệu giả lập hoặc được phép công khai.