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
- Polish UI — Polish UI elements by auditing SCSS and TSX markup against the Anytype design system, then fixing discrepancie 8.7k ★
- Pack — Bundle every designlang output (DTCG tokens, Tailwind, shadcn, Figma vars, motion, anatomy, Storybook, prompts 3.6k ★
- Extract Skill — Reverse-engineer design systems, tokens, and components from live products or screenshots 2.8k ★
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
Appstoreconnect Setup
A Claude Code skill that builds your whole App Store page: screenshots, header and search video from your own
Clipify
Claude Code skill: turn long videos into social-ready clips. Auto-find funny moments, cut, reframe to 9:16 wit
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
Demo Video Skill
Claude Code skill: storytelling-driven Remotion demo videos with Edge TTS voiceover, word-synced captions, and
Claude Motion Playbook
What 233 Claude Opus 5.5 motion videos teach about prompting motion design — top picks, prompt stats, 137 tech
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.
