App Auditor Plugin Claude — Design skill for Claude Code
Claude plugin for auditing live web apps: capture screenshots, generate demo videos, document components, extract design tokens, map shadcn/ui, and find UI inconsistencies.
How to install App Auditor Plugin Claude
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open legioncodeinc/app-auditor-plugin-claude and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What App Auditor Plugin Claude does
Claude plugin for auditing live web apps: capture screenshots, generate demo videos, document components, extract design tokens, map shadcn/ui, and find UI inconsistencies. Built by Legion Code Inc.
Alternatives in Design
- Figma — Fetch design context, screenshots, and assets from Figma for implementation 14.6k ★
- Polish UI — Polish UI elements by auditing SCSS and TSX markup against the Anytype design system, then fixing discrepancie 8.7k ★
- Site — Crawl a whole site and synthesize ONE canonical design system across all pages — unified tokens, coverage map 3.6k ★
README
Make Demo Videos & Audit My UX/UI with Claude
Your app already contains a design system. Make it visible.
Designed and built by Legion Code Inc.
Make Demo Videos & Audit My UX/UI with Claude turns a running web application into a documented component library, measured design tokens, organized screenshots, demo videos, and actionable UI inconsistency findings.
Inspect what users actually see. Find mismatched colors, inconsistent spacing, and components that behave like they were built by five different teams. Package the results for Claude Design or map them to shadcn/ui.
Designed and built by Legion Code Inc.
**I am Legion. We are Legion.**
Quick start
claude plugin marketplace add legioncodeinc/app-auditor-plugin-claude
claude plugin install webapp-capture@legioncodeincThen start Claude Code in a project where your app is running:
Related Skills
Clipify
Claude Code skill: turn long videos into social-ready clips. Auto-find funny moments, cut, reframe to 9:16 wit
Demo Video Skill
Claude Code skill: storytelling-driven Remotion demo videos with Edge TTS voiceover, word-synced captions, and
Mindmap Heavy
Watch the video frames and listen to the audio. For every slide, diagram, code snippet, terminal output, or UI
Mindmap Notebooklm Style
Watch the video frames and listen to the audio. For every slide, diagram, code snippet, terminal output, or UI
Extract Skill
Reverse-engineer design systems, tokens, and components from live products or screenshots
Consistency
Design consistency check. Scan all components for inconsistencies in colors, spacing, typography, buttons, ani
Related Agents
Media Producer
Produces short-attention media - feature demo videos, social cuts, screenshots, generated images - built as co
Demo
Demo Agent that silently captures screenshots during a build and assembles them into a 60-second demo video us
Aaron Sorkin Screenwriter
Use this agent for video scripts, demo walkthroughs, tutorial content, launch videos, and workshop materials.
