ba-feature-analyzer-spec

Generate a User Story document with Mermaid Sequence Diagram, API spec, and Rule mapping from screen mockups and data models.

Updated Apr 12, 2026
One-click install
npx skills add https://github.com/Yukine5377/common --skill ba-feature-analyzer-spec
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ba-feature-analyzer-spec
Source: https://github.com/Yukine5377/common/tree/main/.cursor/skills/ba-feature-analyzer-spec/ba-feature-analyzer-spec
Command: npx skills add https://github.com/Yukine5377/common --skill ba-feature-analyzer-spec

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Phân tích luồng chức năng từ giao diện người dùng (UI) và dữ liệu để tạo tài liệu User Story duy nhất, bao gồm Sequence, đặc tả API có xác thực/hành động, và bảng mapping Rules.

Core Features & Use Cases

  • Screen-to-Data flow analysis: Phân tích tương tác người dùng từ màn hình đến dữ liệu để xác định sequence và dữ liệu cần đọc/ghi.
  • Sequence Diagram generation: Sinh Mermaid Sequence Diagram cho hành trình “Happy Path” với User -> FE -> BE; không đưa đối tượng Database vào.
  • API & Rule mapping: Tổng hợp đặc tả API với validate/action và Bảng mapping Rule tổng hợp.

Quick Start

Provide screen mockups and a data model ERD to generate the User Story document.

Frequently Asked Questions about ba-feature-analyzer-spec

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a User Story document from screen mockups and data models?

To generate a User Story document from screen mockups and data models, provide the UI mockups and data model ERD to analyze screen-to-data interactions. The process outputs a unified document containing a Mermaid Sequence Diagram, API specifications with validation, and a Rule mapping table.

How does screen-to-data flow analysis work for API specification generation?

Screen-to-data flow analysis works by tracing user interactions from the UI through to the data layer to determine read and write operations. This mechanism identifies the necessary data sequences and generates an API specification complete with validation rules and actions.

What is included in the Mermaid Sequence Diagram for a Happy Path user journey?

The Mermaid Sequence Diagram for a Happy Path includes the interaction flow between User, Frontend, and Backend. It specifically excludes the Database object from the diagram, focusing purely on the application layer communication sequence.

Can I use this feature analyzer for planned development features without an existing backend?

Yes, you can use this feature analyzer for planned development features. It applies to features in current or planned development by feeding screen mockups and data models, meaning an existing backend is not required to map the sequence and API specifications.

What's the best way to map validation rules and actions from UI interactions?

The best way to map validation rules and actions from UI interactions is to analyze the screen-to-data interactions comprehensively. This produces a compiled Rule mapping table that pairs API endpoints with their specific validation and action requirements.

Do I need to provide an ERD to generate the API specification and Rule mapping table?

Yes, you need to provide a data model ERD to generate the API specification and Rule mapping table. The screen mockups supply the interaction flow while the ERD supplies the data structure required to output accurate API validation and rules.