Extract colors, typography, spacing, and component patterns from web page screenshots.
npx skills add https://github.com/xoai/sage --skill ux-audit-xoai
Please help me install this Agent Skill. Skill: ux-audit Source: https://github.com/xoai/sage/tree/main/skills/ux-audit Command: npx skills add https://github.com/xoai/sage --skill ux-audit-xoai
This Skill helps you understand the existing design system of a web page or application by extracting visual elements and structure, making it easier to redesign or audit.
Use the ux-audit skill to extract the design system from the provided URL.
High-intent search queries and answers about installing and using this skill.
You can extract an implicit design system by analyzing screenshots and page structure to identify and document colors, typography, spacing, layout, and component patterns for auditing and redesign purposes.
Auditing visual consistency involves reverse-engineering existing designs by capturing screenshots, analyzing visual hierarchy, and highlighting visual discrepancies in the current design components and patterns.
Yes, you can reverse-engineer typography and color palettes from a screenshot by analyzing the visual hierarchy and consistency to extract the implicit design elements from the captured image.
A live URL is not strictly required to document existing UI component patterns, as the extraction process requires screenshot capture and analysis of visual hierarchy to identify the implicit design system.
A limitation when reverse-engineering a design from screenshots is that it requires accurate visual hierarchy analysis, meaning dynamic or interactive component patterns may not be fully captured from a static image.
MaxStrootmannAutomate browser interactions for navigation, form filling, screenshots, and data extraction.
K9i-0Extract design tokens from reference images and apply them to Flutter ThemeData.
Adelie-SquadCreate and apply design tokens for color, typography, and spacing.
Jefest9988Modify 1C managed forms by inserting UI elements, attributes, and commands via PowerShell.
