ux-annotation-generator

What problem does it solve?

This Skill streamlines the process of providing detailed, actionable feedback on UI designs by allowing users to annotate screenshots with specific pain points, strengths, and suggestions, complete with precise location markers.

Core Features & Use Cases

• Detailed Annotations: Generate annotations for issues, strengths, and suggestions with severity levels and categories.
• Precise Location Referencing: Use grid-based, component-based, or coordinate hints to pinpoint elements.
• Structured Output: Create single annotations or comprehensive annotation sets for screens or entire user flows.
• Use Case: A UX designer can upload a mockup, use this Skill to mark up usability issues with clear descriptions and recommendations, and then share these annotated visuals with the development team for efficient implementation.

Quick Start

Use the ux-annotation-generator skill to create a critical issue annotation for the top-right corner of the screenshot, noting that the logout button is missing.