Loading...
Loading...
Found 6 Skills
Audit a newsletter draft for visual opportunities, score and rank them, and generate on-brand visual assets using AI. Use when enhancing a newsletter draft with visuals, when a draft has [screenshot] placeholders, when asked to 'add visuals to the newsletter', 'create images for this issue', 'make this more visual', or when any newsletter draft needs strategic visual enhancement.
Design System — Generate & Audit Visual Systems
UX critique — hierarchy, clarity, anti-slop. No code changes unless asked. Invoke when the user asks for critique on their UI, or mentions 'critique' alongside design / UI / frontend work.
Design QA audit — red flags, severity classification, visual quality scorecard. Use when asked to "QA the design", "check visual quality", "design review before launch", "visual bugs", "design audit", or "does this look right".
Use when choosing or reviewing how a screen, flow, or page looks — colour palette, typography, spacing, cards and surfaces, buttons, icons, illustration and imagery, onboarding and paywall visuals, dark mode — or when a UI looks generic, flat, cluttered, dated, or inconsistent across screens, or someone asks to make it look premium or modern. Picks a visual direction and expresses it as tokens for web/SaaS, Apple platforms (iOS, iPadOS, macOS, visionOS, watchOS, tvOS), Android, and React Native/Expo. Reviews screenshots and mockups as well as code. Not for UX behaviour (use ux-psychology), accessibility audits, or animation timing.
Remove a "cara de IA" de sites, landing pages, apps, dashboards, docs e slides (HTML/CSS, Tailwind, React, shadcn). Use ao criar ou revisar qualquer interface, ou quando pedirem design "menos IA", "mais humano", "menos template", "menos SaaS", ou pedirem referências visuais (Pinterest, Dribbble, Awwwards). Cobre o processo inteiro: brief, rascunho antes do código, busca de referências no navegador, design system, construção e auditoria com detector. Pega os tells que a galera reconhece em 2 segundos: eyebrow acima do título, palavra do título em gradiente ou em outra cor, card com borda lateral, chip com bolinha pulsando, emoji no lugar de ícone, roxo do Tailwind, pill em tudo, glassmorphism, "como funciona" em 3 passos, Playfair com itálico no fim, site sem imagem, cara de SaaS pra padaria. Baseado nas 51 respostas à thread de @greco_dev (out/2026).