UX Audit

Capture screenshots of web pages, analyze UX and accessibility with AI vision, and report findings.

⚡ POWER LEVEL

MODERATE

TRUST SCORE77 / 100

◈ Use Case

Screenshot any website, get GPT-4o Vision analysis for accessibility and UX issues, with a report saved to Notion.

◈ Skill Pipeline (4 nodes)

1. Screenshot CaptureInput

2. GPT-4o VisionLLM

3. Claude Draft TextLLM

4. Notion Create PageOutput

◈ Dependencies (3)

screenshot-capture→gpt4o-vision· page screenshot

gpt4o-vision→claude-draft· UX findings

claude-draft→notion-write· audit report

Pipeline Graph

React Flow

≪ ◈ COOKBOOK ◈ ≫

▸ QUICK START

# install the CLI
npm install -g rune-hub-cli

# set up auth
rune auth screenshot
rune auth anthropic
rune auth telegram

# run it
rune install ux-audit
rune run ux-audit

▸ INGREDIENTS — 4 SKILLS

01📸Screenshot CaptureInput

02👁️GPT-4o VisionLLM

03✏️Claude Draft TextLLM

04📓Notion Create PageOutput

▸ WHAT YOU'LL NEED

ANTHROPIC_API_KEY↗ console.anthropic.com

NOTION_API_KEY↗ notion.so

Est. cost per run: ~$0.03–0.08

◈ Skill Breakdown — 4 Skills

Avg Safety77/100

📸Screenshot CaptureInputPuppeteer

screenshot-capture

Capture a screenshot of a web page using Puppeteer.

Moderate

↗ Docs

👁️GPT-4o VisionLLMOpenAI

gpt4o-vision

Analyze images and screenshots using GPT-4o vision.

High Safety

↗ Docs

✏️Claude Draft TextLLMClaude

claude-draft

Generate a written draft from a prompt using Claude.

High Safety

↗ Docs

📓Notion Create PageOutputNotion

notion-write

Create or update a page in Notion.

Moderate

↗ Docs

Pipeline Safety Score

77/100 — Moderate

4 skills analyzed