Skill UI

This skill provides a comprehensive blueprint for designing digital products within Figma. It systematically maps out entire user journeys, including happy paths, loading states, error conditions, empty states, and edge cases. By defining the complete flow and suggested file structure beforehand, it prevents scope creep and ensures designers account for every necessary screen variant before starting the actual design work.

This skill generates comprehensive, step-by-step process guides suitable for training new employees or standardizing complex operations. It captures not only the main workflow steps, roles, and tools, but also essential elements like scope definition, prerequisites, edge cases, and escalation paths, ensuring clarity and completeness in business documentation.

This skill transforms vague feature briefs, PRD sections, or general ideas into highly detailed, actionable user stories. It enforces industry best practices by including standard formats (As a... I want to...), behavioral acceptance criteria (Given/When/Then), edge cases, and a Definition of Done. Ideal for product managers and business analysts who need to create estimate-ready tickets for development teams.