SkillsCategoriasSobre

deep-dive

11 skills nesta categoria

▸ AI Design Components: 76 skills full-stack que vão além do frontend


@Andrew Coleman

76 skills production-ready cobrindo frontend, backend, DevOps, infraestrutura, segurança, cloud e AI/ML. O maior pacote de skills para Claude Code — com skillchain para workflows guiados.

ai-design-componentsdeep-divefull-stackdevopsinfraestrutura
◇ ./install.sh◇ claude plugin marketplace add ancoleman/ai-design-components
↕ 5 seções

▸ Emil Kowalski Skill: design engineering direto de quem criou o Sonner e o Vaul


@Emil Kowalski

Uma skill baseada nos artigos do emilkowal.ski — animações, design, código, performance. Criada pelo autor do Sonner, Vaul e animations.dev. Use sob demanda para revisar animações e polish de UI.

emil-kowalskideep-diveanimaçõesdesign-engineering
◇ npx skills add emilkowalski/skill
↕ 5 seções

▸ Designer Skills: 63 skills e 27 comandos que cobrem todo o ciclo de design


@Owl-Listener

A coleção mais completa de skills de design para Claude Code: 63 skills e 27 comandos em 8 plugins — de pesquisa de usuário a handoff para dev. O equivalente a ter uma equipe de design inteira no terminal.

designer-skillsdeep-divedesign-researchdesign-systemsux
◇ /plugin marketplace add Owl-Listener/designer-skills
↕ 5 seções

▸ Nothing Design Skill: minimalismo industrial que transforma o output do Claude


@Dominik Martin

Uma skill que ensina o Claude a gerar UI no estilo Nothing — monocromático, tipográfico, industrial. Três camadas visuais, tokens completos, output em HTML/CSS, SwiftUI ou React/Tailwind.

nothing-designdeep-diveminimalismodesign-system
◇ git clone https://github.com/dominikmartn/nothing-design-skill.git && cp -r nothing-design-skill/nothing-design ~/.claude/skills/
↕ 5 seções

▸ Web Skills: o mapa visual que todo dev web deveria ter como referência


@Andreas Mehlsen

Um mapa visual interativo com 100+ habilidades de desenvolvimento web — de HTML básico a WebAssembly. Não é uma skill de IA, mas é a referência definitiva para saber o que aprender.

web-skillsdeep-divereferênciaroadmap
◇ git clone https://github.com/andreasbm/web-skills.git
↕ 5 seções

▸ Sleek Agent Skills: design mobile-first com IA


@Sleek Design

O único projeto que trata mobile como cidadão de primeira classe. Requer plano Pro, mas ocupa um nicho que ninguém cobre.

sleekdeep-divemobile
◇ npx skills add sleekdotdesign/agent-skills
↕ 5 seções

▸ AI Website Cloner: engenharia reversa de design com IA


@JCodesMore

Aponte para uma URL, rode /clone-website, e receba um codebase Next.js limpo. Pipeline multi-fase com builders paralelos.

ai-clonerdeep-diveengenharia-reversa
◇ git clone
↕ 5 seções

▸ Matt Pocock Skills: o processo antes do pixel


@Matt Pocock

A skill que não gera nenhum pixel — e melhora todos eles. PRD, TDD, grill-me e design-an-interface.

matt-pocockdeep-diveprocesso
◇ npx skills@latest add mattpocock/skills/write-a-prd◇ npx skills@latest add mattpocock/skills/grill-me
↕ 5 seções

▸ UI/UX Pro Max: o banco de dados de design que sua IA consulta


@NextLevelBuilder

50+ estilos, 161 paletas, 57 pares de fontes, 99 guidelines de UX. Design intelligence baseada em dados.

uiux-pro-maxdeep-divedesign-system
◇ npx skills add nextlevelbuilder/ui-ux-pro-max-skill
↕ 5 seções

▸ Taste Skill: 7 sabores de design para sua IA


@Leonxlnx

7 personalidades visuais distintas para sua IA: taste, redesign, soft, minimalist, brutalist, output e stitch.

taste-skilldeep-divevariantes
◇ npx skills add https://github.com/Leonxlnx/taste-skill
↕ 5 seções

▸ Impeccable: a linguagem de design que sua IA precisava


@Paul Bakaus

Deep dive no Impeccable: 20 comandos, 7 referências de domínio e anti-patterns que combatem o AI slop no frontend.

impeccabledeep-divedesign
◇ npx skills add pbakaus/impeccable
↕ 5 seções