claude-skills-fv

Skill do Designer UI/UX para interfaces e experiência do usuário: wireframes, design system tokens, componentes de UI, fluxos de navegação, acessibilidade, derivação de paleta (OKLCH, 60/30/10), leis cognitivas de layout (Hick, Fitts, Gestalt, Von Restorff) e estados vazios por tipo. Cobre também auditoria de interface: modo dual auditoria/implementação, classificação de achado (norma/evidência/heurística/preferência) e priorização por severidade. Trigger em: "design", "UI", "UX", "interface", "wireframe", "componente visual", "layout", "responsivo", "mobile first", "acessibilidade básica", "acessibilidade dos componentes", "wcag", "design system", "protótipo", "Figma", "aesthetic anchor", "âncora estética", "paleta", "esquema de cores", "estado vazio", "empty state", "quantas opções mostrar", "auditar a interface", "auditar essa tela", "revisar o design", "auditoria de UI", "avaliar a usabilidade", "achados de UX", "review de design", "dar um parecer", "parecer sobre a usabilidade", "psicologia do app", "o app parece frio", "peak-end", "tela de sucesso", "barra de progresso", "labor illusion", "choice overload", "página de produto", "PDP", "ficha de produto", "adicionar ao carrinho", "tela de compra".

Skill de isolamento de workspace via git worktree, com deteccao de isolamento existente, preferencia por ferramenta nativa (`EnterWorktree`/`ExitWorktree` ou dispatcher do kit `/worktree`) antes de cair para `git worktree add` cru, e baseline de testes obrigatoria antes de liberar a task para trabalho. Eleva o comando `/worktree` do kit para protocolo completo quando a situacao exige as garantias extras (evitar aninhamento de worktree, confirmar workspace limpo antes de comecar). Trigger em: "worktree", "isolar workspace", "trabalhar isolado", "workspace isolado", "criar worktree", "ja estou num worktree", "aninhar worktree", "worktree dentro de worktree", "baseline de testes", "verificar baseline limpa", "detectar isolamento", "git worktree add", "ferramenta nativa de worktree", "EnterWorktree", "plano de implementacao isolado", "trabalho paralelo sem afetar o branch atual".

Skill de UX Research / Discovery qualitativo — entrevista com usuário, criação de persona baseada em pesquisa, mapa de jornada (journey map), teste de usabilidade qualitativo, arquitetura de informação, card sorting e validação de problema antes de especificar. Antecede o PO (01) e o UI/UX (02): entende PARA QUEM e POR QUE antes de definir O QUÊ e COMO. Base no livro de Fabricio Teixeira (Casa do Código). Trigger em: "pesquisa com usuário", "user research", "UX research", "discovery", "entrevista com usuário", "entrevista em profundidade", "persona", "criar persona", "mapa de jornada", "journey map", "mapa de empatia", "teste de usabilidade", "usability testing", "validar problema", "arquitetura de informação", "card sorting", "taxonomia", "proposição de valor", "produto que ninguém usa", "começar pelo usuário", "focus group".

Skill para analisar conteudo de video existente: baixar, extrair frames, transcrever audio e responder perguntas sobre o que acontece no video. Use quando precisar entender, resumir ou buscar informacao dentro de um video ja existente — nao para gerar video novo (isso e skill 27). Trigger em: "transcrever video", "transcrever esse video", "baixar video do youtube", "extrair frames do video", "extrair frames desse video", "legenda automatica", "resumir video", "resumir esse video", "analisar video", "analisar o conteudo desse video", "o que acontece nesse video", "whisper", "yt-dlp", "transcription video", "extract frames from this video".

Skill para integrar geracao e manipulacao de video em aplicacoes. Use quando o app precisar de text-to-video, image-to-video, clips promocionais, avatar video, motion explainers ou outros fluxos de video generativo. Trigger em: "text-to-video", "image-to-video", "video generativo", "avatar video", "motion explainer", "clip promocional", "gerar video", "fal video", "Sora", "Veo", "Runway video", "video AI".

Skill para gerar assets web a partir de logo ou texto: favicon (multi-size), PWA icons, Open Graph images (Facebook/Twitter/WhatsApp/LinkedIn), apple-touch-icon, e respectivos meta tags HTML. Use ao preparar deploy de site, landing page ou PWA novo. Trigger em: "favicon", "favicons", "PWA icon", "manifest", "Open Graph image", "OG image", "social meta", "twitter card", "apple-touch-icon", "imagem de compartilhamento", "share image".

Produz mapa de modulos e callers quando o agente esta perdido numa area de codigo desconhecida. Sobe uma camada de abstracao e da visao de bairro antes de tocar codigo. Use quando estiver unfamiliar com uma area, ao iniciar trabalho em modulo novo, ou quando o usuario pedir "visao geral", "mapa", "estou perdido", "como isso encaixa". Trigger em: "zoom out", "mapa de modulos", "mapa dos modulos", "estou perdido", "perdido nesse codigo", "como isso encaixa", "como se conecta", "callers principais", "visao geral", "big picture", "neighborhood", "broader context", "higher level perspective".