multimodal-looker

Analyze diagrams, screenshots, and UI mockups to generate structured specifications.

Updated Jun 5, 2026
One-click install
npx skills add https://github.com/0xRayAI/xray --skill multimodal-looker-0xrayai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: multimodal-looker
Source: https://github.com/0xRayAI/xray/tree/main/skills/multimodal-looker
Command: npx skills add https://github.com/0xRayAI/xray --skill multimodal-looker-0xrayai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill removes the ambiguity from visual assets by providing automated, structured analysis of diagrams, screenshots, and UI mockups, ensuring design intent is clearly understood.

Core Features & Use Cases

  • Visual Analysis: Interpret complex flowcharts, sequence diagrams, and architecture diagrams.
  • UI/UX Auditing: Identify UI components, extract design tokens, and perform WCAG accessibility audits.
  • Use Case: Quickly generate a comprehensive UI specification and accessibility report from a set of raw design mockups to streamline developer handoff.

Quick Start

Use the multimodal-looker skill to perform an accessibility audit on the provided screenshot of the login page.

Frequently Asked Questions about multimodal-looker

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

FAQPage Schema
How do I extract design tokens and UI components from mockups?

You can extract design tokens and identify UI components from mockups by using visual content analysis to interpret raw design screenshots and generate structured UI specifications for developer handoff.

Can I run a WCAG accessibility audit on a screenshot of a login page?

Yes, you can perform a WCAG accessibility audit on a screenshot of a login page by applying automated visual analysis to evaluate UI compliance and generate a structured accessibility report.

What is the best way to generate structured specifications from architecture diagrams?

The best way to generate structured specifications from architecture diagrams is to use visual analysis to interpret flowcharts and sequence diagrams, extracting the embedded design intent to remove ambiguity.

Do I need a specific server to analyze UI mockups for developer handoff?

Yes, you need to integrate with the multimodal-looker MCP server to process visual inputs like UI mockups and facilitate the structured design interpretation required for developer handoff.

Does visual UI analysis work for interpreting complex flowcharts and sequence diagrams?

Yes, visual UI analysis works for interpreting complex flowcharts and sequence diagrams by providing automated, structured analysis that ensures the original design intent is clearly understood.