Claude Code · Skills Pack

15 Skills de Design

Uma seleção curada de skills para levar interfaces, branding, sistemas de design e artes estáticas a um nível profissional dentro do Claude Code.

design-skills-15.zip
15 pastas prontas · 2,6 MB
⬇ Baixar zip

O que tem dentro

01

frontend-design

Interfaces distintas e production-grade, evitando a estética genérica de IA.

02

design-taste-frontend

Engenheiro sênior de UI/UX com regras baseadas em métricas e arquitetura de componentes.

03

ui-ux-pro-max

Base de inteligência de design: 50+ estilos, 161 paletas, 57 pares de fontes, 25 tipos de gráfico.

04

high-end-visual-design

Padrões de agência premium: fontes, espaçamento, sombras e animações de nível Awwwards.

05

distinctive-frontend

Abordagem de 4 vetores (tipografia, cor, motion, fundo) contra o "AI slop" visual.

06

claude-design

Metodologia do Claude Design para landing pages, decks e protótipos HTML prontos para ship.

07

minimalist-ui

Interfaces editoriais limpas: monocromia quente, contraste tipográfico, bento grids planos.

08

industrial-brutalist-ui

Estética industrial/militar: grids rígidos, tipografia extrema, efeitos de degradação analógica.

09

web-design-guidelines

Checklist de revisão de UI: acessibilidade, boas práticas e auditoria de design.

10

design-system

Arquitetura de tokens em três camadas, specs de componentes e escalas de espaçamento/tipografia.

11

brand-guidelines

Aplicação sistemática de identidade visual (cores, tipografia) a qualquer artefato.

12

theme-factory

10 temas prontos (cores + fontes) aplicáveis a slides, docs e landing pages, ou geração sob medida.

13

redesign-existing-projects

Audita projetos existentes e eleva o design sem quebrar funcionalidade.

14

canvas-design

Criação de arte visual estática (.png/.pdf) a partir de filosofias de design originais.

15

social-graphics

Gráficos otimizados por plataforma para Instagram, Twitter, LinkedIn e TikTok.

Como instalar

  1. Baixe e extraia o design-skills-15.zip.
  2. Copie as 15 pastas para ~/.claude/skills/ (crie a pasta se não existir).
  3. Reinicie o Claude Code. As skills aparecem automaticamente na lista de skills disponíveis.
  4. Invoque com /nome-da-skill ou deixe o Claude acionar sozinho quando o pedido combinar com a descrição dela.