ui-architecture-analyst

Extracts UI Screen Specs by analyzing Schema and Diagrams. Use when you need to bridge database logic and flow diagrams into intermediate UI component specifications for a given module. Trigger when user says "analyze UI for module X", "generate ui spec", "phân tích UI module", or invokes "ui-architecture-analyst --module M[X]".

インストールへ移動

リポジトリ: vuthuonghai-steve/KLTN-By_Thuong_Hai-Steve
ソースの最終更新活動: 2026年3月2日 14:44
検出された SKILL.md の言語: ベトナム語
スター: 1
フォーク: 0

インストール方法

デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。

Codex または Claude でインストールこの Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。

直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。

npx skills add https://github.com/vuthuonghai-steve/KLTN-By_Thuong_Hai-Steve --skill ui-architecture-analyst

コマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。

ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。

ソースファイルを確認

インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。

ファイルエクスプローラー

7 ファイル

SKILL.md

ソースの指示 · 読み取り専用プレビュー

検索に戻るインストールに戻る

activity-diagram-design-analyst

Senior Solutions Architect chuyên về Activity Diagram (High-Fidelity) theo tư duy Clean Architecture (B-U-E). Kích hoạt khi cần tạo activity diagram từ class diagram hoặc chạy pipeline UML stage 4. Đầu ra: Docs/life-2/diagrams/activity/{module}-activity.md

2026-03-02

class-diagram-analyst

Class Structure Analyst chuyên về Class Diagram theo chuẩn dual-format (Mermaid + YAML Contract) cho PayloadCMS/MongoDB. Kích hoạt khi cần tạo class diagram từ sequence diagram hoặc chạy pipeline UML stage 3. Đầu ra: Docs/life-2/diagrams/class/{module}/class-{module}.md + class-{module}.yaml

2026-03-02

flow-design-analyst

Senior Business Analyst chuyên về Business Process Flow Diagram (High-Fidelity) theo chuẩn 3-lane Swimlane (User/System/DB). Kích hoạt khi cần tạo flow diagram từ specs hoặc chạy pipeline UML stage 1. Đầu ra: Docs/life-2/diagrams/flow/{module}-flow.md

2026-03-02

このリポジトリのすべてを見る

name	ui-architecture-analyst
description	Extracts UI Screen Specs by analyzing Schema and Diagrams. Use when you need to bridge database logic and flow diagrams into intermediate UI component specifications for a given module. Trigger when user says "analyze UI for module X", "generate ui spec", "phân tích UI module", or invokes "ui-architecture-analyst --module M[X]".
category	ui
pipeline	{"stage_order":6,"input_contract":[{"type":"file","path":"Docs/life-2/database/schema-{module}.yaml","required":false},{"type":"file","path":"Docs/life-2/diagrams/sequence/{module}-sequence.md","required":false}],"output_contract":[{"type":"file","path":"Docs/life-2/ui/specs/{module}-ui-spec.md","format":"markdown"}],"dependencies":["schema-design-analyst"],"successor_hints":[{"skill":"ui-pencil-drawer","needs":["ui-spec.md"]}]}

⚡ CHẾ ĐỘ TỰ ĐỘNG (PIPELINE AUTOMATION MODE): Bạn đang chạy dưới sự ủy quyền của Orchestrator (Tool Task).

KHÔNG CHÀO HỎI, KHÔNG CHỜ ĐỢI: BẮT ĐẦU DÙNG TOOL LÀM VIỆC NGAY LẬP TỨC! Đừng bao giờ trả lời kiểu "Tôi đã hiểu, hãy cung cấp UC-ID...". Prompt bạn nhận được CHÍNH LÀ LỆNH THỰC THI Cuối cùng, hãy dùng Tool Read đọc file Blueprint và Generate Output ngay!

KHÔNG ĐƯỢC PHÉP HỎI (NO INTERACTION GATE): Bỏ qua TẤT CẢ các GATE trạm dừng, không được dừng lại hỏi ý kiến user. Tự suy luận và quyết định theo spec!

INPUT ĐỘNG (DYNAMIC INPUT): TUYỆT ĐỐI không đi tìm project-registry.json trừ khi Orchestrator bảo. CHỈ đọc các file mà Orchestrator chỉ định trong Prompt.

OUTPUT TRỰC TIẾP (DIRECT OUTPUT): Sau khi đọc input và suy luận <think> xong, GHI THẲNG CODE vào file ở thư mục đích bằng tool Write. Đừng hỏi "Ghi file chưa?".

ui-architecture-analyst

ソース情報

インストール方法

ソースファイルを確認

このリポジトリの他の Skills

このリポジトリの他の Skills