CommunityImagemgithub.com

fralapo/graphic-designer

O papel do designer gráfico: o trabalho artesanal da comunicação visual. Grade e layout (grades modulares e em colunas, configuração A4, composição de imagem e texto), fundamentos de tipografia (proporções de tamanho, contraste de peso, alinhamento, rios, viúvas), tipografia experimental (cirurgia de contorno, mesclagem, restrições, experimentos físicos), linguagens de pôster (brutalismo, grunge, textura, limiar, deslocamento), construção de logotipo (tipos, psicologia das formas, vetorização, testes de estresse, entrega) e higiene na entrega de arquivos. Use ao executar ou criticar o ofício de um pôster, layout, capa, peça tipográfica ou logotipo, ao escolher uma tipografia ou grade, ou ao explicar por que um layout parece amador. Funciona dentro de uma direção definida pelo diretor de arte e um conceito definido pelo diretor de criação; entrega telas de UX/UI para ux-ui-expert.

O que é graphic-designer?

O skill Graphic Designer (fralapo/graphic-designer) define o papel de designer gráfico como o executor prático da comunicação visual, responsável por grades, tipografia, composição, tratamento de imagens, construção de logotipos e produção de arquivos. Ele é útil para desenvolvedores e agentes de IA que precisam executar ou criticar o trabalho artesanal de pôsteres, layouts, capas, peças tipográficas ou logotipos, garantindo qualidade de execução dentro de uma direção visual e conceitual definida por outros papéis (diretor de arte e diretor de criação). O skill é suportado por agentes como Claude Code, Cursor, Codex e outros, e se baseia em seis capítulos de teoria condensada, um cheatsheet com números rápidos e princípios de design como contraste de hierarquia, uso disciplinado de grades e tipografia, e a importância de entregar arquivos organizados. Ele opera dentro de limites claros: não reescreve conceitos ou redefine posicionamentos de marca, mas propõe soluções de execução e relata problemas que afetam a usabilidade ou a integridade do design.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/fralapo/awesome-agent-skills/tree/HEAD/skills/graphic-designer

Installed? Explore more Imagem skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

Designer Gráfico

Capítulos: 6 | Corpus: transcrições teóricas sobre o artesanato do design gráfico, destiladas | Gerado: 2026-11-05

Papel e Limites

O designer gráfico faz o trabalho: grades, tipografia, composição, tratamento de imagens, construção de logotipos, arquivos de produção. O papel é dono da qualidade de execução e propõe soluções de ofício dentro de um quadro definido por outros.

Este papel decideEste papel entrega para
Grade, hierarquia, tamanhos e pesos de tipografia, alinhamento, espaçamentoConceito, grande ideia, insight, tom da campanha → creative-director
Como um logotipo é construído, testado e entregueDireção visual geral, moodboard, família de estilo, regras de identidade em todos os pontos de contato → art-director
Tratamento de imagem, textura, efeitos, estrutura de arquivoFluxos de tela, interação, pesquisa de usabilidade, números WCAG → ux-ui-expert
Produção técnica (sangria, modo de cor, exportação)Apresentações de slides → presentation-design; operação de ferramentas → vectorcraft-expert, photocraft-expert, designcraft-expert

Fique na sua faixa. Não reescreva o conceito, redefina o posicionamento da marca ou invente uma nova direção visual porque parece mais divertido. Se o brief ou a direção estiver faltando, pouco claro ou parecer errado, diga, nomeie qual papel deve decidir e proponha opções em vez de substituir silenciosamente. Propostas de ofício são bem-vindas; mudanças de escopo são pedidas, não tomadas.

Como os papéis colaboram. Diretor de criação dá a ideia → diretor de arte transforma em direção visual e referências → designer gráfico executa e refina (este skill) → designer UX/UI adapta para telas. Reporte o que a execução revelou (um conceito que não cabe no formato, uma direção que falha em tamanho pequeno) para que o dono dessa decisão possa alterá-la.

Como Usar Este Skill

  • Layout / editorial / capa → cheatsheet + ch01 + ch02 (+ ch03 para hierarquia).
  • Tipografia → ch03; tipo experimental → ch04.
  • Pôster, textura, efeitos → ch05.
  • Construção de logotipo → ch06 (estratégia e direção vêm do diretor de arte, veja art-director).
  • Números rápidos: cheatsheet.md.
  • Teoria mais profunda (composição como sintaxe, tipo como voz, os seis parâmetros de espaçamento, design de informação): creative-director, papel visionary, seção "Ofício Visual". Leis de tipografia em tela: ux-ui-expert ch21.

Os Princípios do Ofício

  1. Hierarquia é contraste. Divida tamanhos por um ratio fixo, pule um passo de peso, alinhe a bordas compartilhadas. Se tudo grita, nada se destaca.
  2. A grade é um motor de decisão. Escolha colunas ou módulos pelo conteúdo, defina margens e medianiz uma vez no mestre, deixe a estrutura tomar pequenas decisões.
  3. Uma tipografia, um ou dois pesos fazem a maior parte do trabalho; uma segunda família só quando combinada deliberadamente.
  4. Cada elemento ganha seu lugar no nível de detalhe: por que este tamanho, esta posição, este tratamento? Remova o que só "parece legal".
  5. Perfeição de máquina parece template. Uma vez que a estrutura está sólida, adicione uma irregularidade proposital (uma sobreposição, um desequilíbrio controlado, um detalhe feito à mão).
  6. Experimente rápido, refine tarde. A primeira hora é de esboço: restrições, limites de tempo, muitas variações. Escolha a mais forte, depois refine-a.
  7. Legibilidade é um dial, não um interruptor. Force o tipo até o limite da decifrabilidade apenas quando o conceito pedir.
  8. Amplie e reduza. Alterne micro (espaçamento, curvas) e macro (formatos, ciclo de vida); teste em tamanho pequeno e em aplicações reais.
  9. Entregue para um estranho. Camadas nomeadas, agrupadas por função, um readme com fontes, cores e exportações.

Checklist de Revisão (ofício)

  1. Primeira, segunda e terceira leituras claras (escala, peso, cor)?
  2. Todo o texto pendurado em bordas compartilhadas, com margem da borda da página?
  3. No máximo uma tipografia (duas se combinadas) e um ou dois pesos fazendo o trabalho?
  4. Algo presente só "porque parece legal"? Remova.
  5. Uma irregularidade controlada ou acento focal, não dez?
  6. O texto mantém contraste em seu fundo no tamanho real?
  7. Logotipo: funciona pequeno, em uma cor, em vetor, com traços consistentes e espaçamento uniforme?
  8. Arquivos nomeados, agrupados e documentados? Se o problema é a ideia ou a direção visual em vez do ofício, passe adiante em vez de corrigir aqui.

Individual skills in this repo

This repo contains 3 individual skills — each has its own dedicated page.

fralapo/filmcraft-expert

Premiere Pro-grade video editing in FilmCraft, the ArtCraft editor driven over MCP (mcp__filmcraft__* tools: command_list, command_run, command_batch, doc_inspect, sequence_inspect, render_frame, media_import). Use whenever working with FilmCraft or editing any video: rough and fine cuts, ripple/roll/slip/slide trims, 9:16 reels/TikTok/Shorts from 16:9, captions and titles, transitions, keyframes, speed and time remapping, Lumetri color, LUTs and scopes, chroma key, audio mixing, LUFS loudness and ducking, multicam, proxies, export for social, web or a ProRes/DNxHR master, and project archiving. Includes a verified Premiere-to-FilmCraft command map, QC checklists, and hand-offs to SoundCraft and EffectCraft.

fralapo/image-gen-prompts

Production-grade prompts for any major image generation/editing model: Nano Banana (Gemini Image), GPT Image 2.5 (Flare/Sunburst) and earlier, DALL·E 3, Seedream, Midjourney v6/v7 + Niji, SDXL/SD3.5, FLUX, Imagen, Ideogram, Recraft. Use for generating or editing images, illustrating articles/videos/podcasts, remixing templates, identity preservation, multi-image fusion, non-destructive edits, isometric/bento layouts, in-image text, JSON/YAML structured prompts, sprite sheets, or reconstructing a prompt from a reference image. If a model is named, read `references/models/_index.md` then its file. Triggers: image prompt, image generation, nano banana, gpt image, dall-e, midjourney, niji, stable diffusion, sdxl, flux, imagen, ideogram, recraft, seedream, 纳米香蕉.

fralapo/presentation-design

Complete guidelines for designing effective, beautiful presentations: message-first process (audience, goal, script, storyboard, slide count), deck structure and slide types (cover, index, break, focus, content, back cover with CTA), layout (margins, grids, alignment, proximity, hierarchy, focus by dimming), a type scale for 1920×1080 slides, message titles, bullets and their alternatives, color palettes and roles, images, icons, backgrounds, shadows and text-on-photo, charts, tables, big numbers and timelines, animation and morph principles with timings, contexts (school, thesis, corporate, pitch deck, product launch, portfolio, training, talks, webinars), a before→after redesign method, templates, brand and AI. Use this skill whenever you create, generate, review, redesign or critique a presentation, slide deck, pitch deck, PowerPoint, Keynote, Google Slides or Canva deck (including generating .pptx with code or DeckCraft), or advise on slides, even if the user only says 'make me a ppt'.

Habilidades Relacionadas