Was macht visual-review-skill?
Visual review skill for Claude Code — QA rendered PDFs, slide decks, reports, and HTML pages for clipped content, overflow, typography problems, and brand drift
Fertigkeit zur visuellen Überprüfung für Claude Code – QA von gerenderten PDFs, Präsentationsfolien, Berichten und HTML-Seiten auf abgeschnittene Inhalte, Überläufe, Typografieprobleme und Markenabweichungen.
Diese Fertigkeit für Claude Code ermöglicht die automatisierte visuelle Qualitätssicherung (QA) von gerenderten Ausgaben wie PDFs, Folien, Berichten und HTML-Seiten. Sie prüft zuverlässig auf häufige Layout-Probleme wie abgeschnittene Texte, überlaufende Elemente, inkonsistente Typografie und Abweichungen von der Markenidentität. Entwickelt für Entwickler und QA-Ingenieure, die mit Claude Code arbeiten, spart sie wertvolle Zeit bei der manuellen Überprüfung von Dokumenten und verbessert die Konsistenz der Ausgabequalität. Die Fertigkeit analysiert gerenderte Inhalte visuell und identifiziert Unstimmigkeiten, die bei der automatischen Generierung von Dokumenten oft übersehen werden. Sie unterstützt Claude Code als primäre Plattform und ist besonders nützlich in Workflows, die PDFs, Präsentationen oder HTML-Berichte erstellen. Durch die Integration in Claude Code kann der Agent während des Entwicklungsprozesses automatisch visuelle Reviews durchführen und Probleme direkt melden, was eine effizientere und fehlerfreie Dokumentenerstellung ermöglicht.
npx skills add thedanielmay/visual-review-skillVisual review skill for Claude Code — QA rendered PDFs, slide decks, reports, and HTML pages for clipped content, overflow, typography problems, and brand drift
Extract frames or short clips from videos using ffmpeg.
Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.
Production-ready animation patterns for React / Next.js — button, modal, toast, stagger, page transitions, exit animations, scroll, and layout — built on motion-foundations tokens and springs.
Advanced motion patterns for React / Next.js — drag & drop, gestures, text animations, SVG path drawing, custom hooks, imperative sequences (useAnimate), loaders, and the full API decision tree. Requires motion-foundations.
Production-ready UI motion system for React/Next.js. Use when implementing animations, transitions, or motion patterns.
Generates Angular code and provides architectural guidance. Trigger when creating projects, components, or services, or for best practices on reactivity (signals, linkedSignal, resource), forms, dependency injection, routing, SSR, accessibility (ARIA), animations, styling (component styles, Tailwind CSS), testing, or CLI tooling.