HenryLeTheSloth

Site UI Audit — Security skill for Claude Code

Security community

Audit a website's UI / visual design with Firecrawl screenshots, output a visual HTML report.

How to install Site UI Audit

Installs to ~/.claude/commands/henrylethesloth-shopify_claude_skills-site-ui-audit.md

Terminal

mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/HenryLeTheSloth/shopify_claude_skills/HEAD/.claude/commands/site-ui-audit.md -o ~/.claude/commands/henrylethesloth-shopify_claude_skills-site-ui-audit.md

Restart Claude Code, or start a new session, for it to be picked up.

What Site UI Audit does

description: Audit a website's UI / visual design with Firecrawl screenshots, output a visual HTML report argument-hint:

Audit **UI / giao diện trực quan** và xuất HTML có ảnh chú thích: **$ARGUMENTS**

Step 1 — Re-scrape & crop screenshot

mkdir -p .firecrawl audit-report/assets
SITE="$ARGUMENTS"
firecrawl scrape "$SITE" --full-page-screenshot -o .firecrawl/home-shot.json --pretty
# → tải field .screenshot về .firecrawl/home-shot.png

Crop từng vùng UI để soi

Alternatives in Security

Axton Obsidian Visual Skills — Trail of Bits Claude Code skills for security research, vulnerability detection, and audit workflows 3.7k ★
Audit Live Site — audit-live-site 1k ★
Review Artifact — Creates one polished, self-contained HTML artifact from review findings, audit notes, PR feedback, code review 652 ★