Generates UI specifications from design documents for web and mobile apps.
npx skills add https://github.com/Marunion/ai-factbomb --skill ui-marunion
Please help me install this Agent Skill. Skill: ui Source: https://github.com/Marunion/ai-factbomb/tree/main/archflow-main/skills/ui Command: npx skills add https://github.com/Marunion/ai-factbomb --skill ui-marunion
This Skill automates the creation of detailed UI specifications by analyzing requirements and backend API designs, streamlining the UI development process.
spec.md for a new e-commerce feature and arch-be.md detailing the product API, this Skill generates a ui.md file specifying all necessary screens, components, and user flows.Use the ui skill to generate a UI specification for the 'blog' service, targeting a responsive platform.
High-intent search queries and answers about installing and using this skill.
To generate UI specifications from functional requirements, analyze your spec.md and arch-be.md files. This process derives screen lists, component hierarchies, and user interactions from backend API designs to produce a comprehensive ui.md output.
Yes, you can derive frontend screens automatically from backend API designs. The system identifies necessary screens like list, detail, and form views by analyzing API endpoints, then maps corresponding components and user interactions.
Defining component hierarchies for web and mobile applications is best handled by analyzing functional requirements and API structures. This approach systematically outlines the nesting and structure of UI components for each derived screen.
To map user interactions and state definitions from an API specification, analyze the backend API designs alongside requirements. This outlines specific user actions, triggers, and corresponding API calls within the generated UI documentation.
Yes, you need a spec.md file along with an arch-be.md file detailing the backend architecture. These files provide the functional requirements and API designs required to generate the UI specification for a responsive platform.
Deriving screen lists from API endpoints relies strictly on the accuracy of the provided spec.md and arch-be.md files. The generated UI specification is limited to the functional requirements and backend designs explicitly defined in those input documents.
samdaeCoordinate multi-agent debates to produce architecture decision documents from spec.md.
vobaseAdd joyful micro-interactions and animations to web and mobile UI states.
Saisagar7779Coordinate backend and frontend changes for full-stack development projects.
JongHyunLee84Generate UI specifications with screen layouts and component hierarchies from technical architecture.