Skill thiết kế Information Architecture và tạo Layout HTML Prototype từ Brand Guideline và danh sách Use Case trước khi thiết kế/code FE chi tiết.
Version: 1.0.1 Author: M2MBA Last Updated: 2026-03-17 Description: Kỹ năng phân tích kiến trúc thông tin (IA) từ danh sách Use Case và Brand Guideline, sau đó tạo Layout HTML Prototype để User xác nhận trước khi code FE thật.
Tạo ra một cấu trúc Layout cốt lõi (bố cục màn hình, điều hướng, vùng nội dung chính) chuẩn xác, hợp lý với các Use Case của ứng dụng và tuân thủ Brand Guideline. Cung cấp file HTML trực quan để User dễ dàng hình dung kiến trúc thông tin, từ đó điều chỉnh và "chốt" Layout trước khi đầu tư làm FE Code chi tiết.
Agent phân tích các Input để phác thảo tổng quan IA:
Sau khi User đã Confirm IA, Agent tiến hành code file HTML Wireframe/Layout:
docs-BA/Prototype/Layout/[tên-ứng-dụng]/ (tạo thư mục nếu chưa có).ba-frontend-code-gen để thực hiện tiếp.Câu lệnh mẫu để gọi Skill:
"Kích hoạt skill ba-ui-layout-gen. Dưới đây là Brand Guideline (...), danh sách Use Case là (...), và ứng dụng này là hệ thống Quản lý Dự án nội bộ. Hãy phân tích IA."