O que visual-review-skill faz?
Visual review skill for Claude Code — QA rendered PDFs, slide decks, reports, and HTML pages for clipped content, overflow, typography problems, and brand drift
Habilidade de revisão visual para Claude Code — faça QA de PDFs renderizados, apresentações de slides, relatórios e páginas HTML verificando conteúdo cortado, overflow, problemas tipográficos e desvios de marca
Esta skill para Claude Code permite que você realize revisões visuais automatizadas em documentos renderizados como PDFs, apresentações de slides, relatórios e páginas HTML. É especialmente útil para desenvolvedores e QAs que precisam garantir que o conteúdo não foi cortado, que não há overflow de elementos, problemas de tipografia como fontes ausentes ou quebras de linha inadequadas, e desvios de identidade visual da marca (brand drift). A skill funciona analisando a saída renderizada dos documentos, seja através de capturas de tela ou análise direta do DOM em HTML, e compara com regras de estilo e layout definidas. Ela é suportada exclusivamente no Claude Code, integrando-se ao fluxo de desenvolvimento para verificar a qualidade visual de artefatos gerados automaticamente, como relatórios em PDF ou slides, sem necessidade de intervenção manual. Com essa skill, você pode identificar rapidamente problemas que passariam despercebidos em revisões de código tradicionais, melhorando a consistência visual e a experiência do usuário final.
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.