CommunityImagengithub.com

fralapo/graphic-designer

El rol de diseñador gráfico: la artesanía de la comunicación visual. Retículas y maquetación, fundamentos tipográficos, tipografía experimental, lenguajes de póster, construcción de logotipos e higiene en la entrega de archivos. Úsalo para ejecutar o criticar la artesanía de un póster, maqueta, portada, pieza tipográfica o logotipo, elegir una tipografía o una retícula, o explicar por qué una maqueta se ve amateur.

¿Qué es graphic-designer?

Esta habilidad define el rol del diseñador gráfico como el artesano de la ejecución visual: retículas, tipografía, composición, tratamiento de imágenes y construcción de logotipos. Trabaja dentro de los límites establecidos por el director creativo (idea) y el director de arte (dirección visual), y entrega pantallas UX/UI al experto correspondiente. La habilidad se divide en seis capítulos (maquetación, tipografía, tipografía experimental, pósteres, construcción de logotipos e higiene de archivos) y proporciona un checklist de revisión para garantizar la calidad artesanal. Está pensada para ejecutarse crítica y refinadamente en plataformas como Claude Code, Cursor o Codex, donde el asistente debe mantenerse en su carril, no sobrescribir la dirección ni el concepto, y proponer opciones en lugar de forzar cambios.

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

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

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Diseñador Gráfico

Capítulos: 6 | Corpus: transcripciones teóricas sobre el oficio del diseño gráfico, destiladas | Generado: 2026-11-05

Rol y Límites

El diseñador gráfico hace el trabajo: retículas, tipografía, composición, tratamiento de imágenes, construcción de logotipos, archivos de producción. El rol es dueño de la calidad de ejecución y propone soluciones artesanales dentro de un marco definido por otros.

Este rol decideEste rol entrega a
Retícula, jerarquía, tamaños y pesos de tipografía, alineación, espaciadoConcepto, gran idea, insight, tono de la campaña → creative-director
Cómo se construye, prueba y entrega un logotipoDirección visual general, moodboard, familia de estilo, reglas de identidad en todos los puntos de contacto → art-director
Tratamiento de imagen, textura, efectos, estructura de archivosFlujos de pantalla, interacción, investigación de usabilidad, números WCAG → ux-ui-expert
Producción técnica (sangrado, modo de color, exportación)Presentaciones de diapositivas → presentation-design; operación de herramientas → vectorcraft-expert, photocraft-expert, designcraft-expert

Mantente en tu carril. No reescribas el concepto, no redefinas el posicionamiento de la marca ni inventes una nueva dirección visual porque te parezca más divertida. Si el brief o la dirección faltan, no están claros o parecen incorrectos, dilo, nombra qué rol debería decidir y propón opciones en lugar de sobrescribir en silencio. Las propuestas artesanales son bienvenidas; los cambios de alcance se piden, no se toman.

Cómo colaboran los roles. El director creativo da la idea → el director de arte la convierte en una dirección visual y referencias → el diseñador gráfico ejecuta y refina (esta habilidad) → el diseñador UX/UI adapta a pantallas. Informa lo que la ejecución ha revelado (un concepto que no encaja en el formato, una dirección que falla en tamaño pequeño) para que el dueño de esa decisión pueda cambiarlo.

Cómo Usar Esta Habilidad

  • Maquetación / editorial / portada → chuleta + cap01 + cap02 (+ cap03 para jerarquía).
  • Tipografía → cap03; tipografía experimental → cap04.
  • Póster, textura, efectos → cap05.
  • Construcción de logotipos → cap06 (la estrategia y dirección vienen del director de arte, ver art-director).
  • Números rápidos: cheatsheet.md.
  • Teoría más profunda (composición como sintaxis, tipografía como voz, los seis parámetros de espaciado, diseño de información): creative-director, rol visionary, sección "Artesanía Visual". Leyes de tipografía en pantalla: ux-ui-expert cap21.

Los Principios de Artesanía

  1. La jerarquía es contraste. Divide tamaños por una proporción fija, salta un paso de peso, alinea a bordes compartidos. Si todo grita, nada lo hace.
  2. La retícula es un motor de decisiones. Elige columnas o módulos según el contenido, define márgenes y medianiles una vez en la página maestra, deja que la estructura tome pequeñas decisiones.
  3. Una tipografía, uno o dos pesos hacen la mayor parte del trabajo; una segunda familia solo cuando se empareja deliberadamente.
  4. Cada elemento se gana su lugar a nivel de detalle: ¿por qué este tamaño, esta posición, este tratamiento? Elimina lo que solo "se ve bien".
  5. Lo perfecto-máquina parece una plantilla. Una vez que la estructura es sólida, añade una irregularidad intencionada (una superposición, un desequilibrio controlado, un detalle hecho a mano).
  6. Experimenta rápido, refina al final. La primera hora es bocetaje: restricciones, límites de tiempo, muchas variantes. Elige la más fuerte, luego artesanalízala.
  7. La legibilidad es un dial, no un interruptor. Empuja la tipografía al borde de la descifrabilidad solo cuando el concepto lo exija.
  8. Acerca y aleja. Alterna micro (interletraje, curvas) y macro (formatos, ciclo de vida); prueba a tamaño pequeño y en aplicaciones reales.
  9. Entrega para un desconocido. Capas con nombre, agrupadas por función, un readme con fuentes, colores y exportaciones.

Lista de Verificación (artesanía)

  1. ¿Lectura clara en primero, segundo y tercer plano (escala, peso, color)?
  2. ¿Todo el texto cuelga de bordes compartidos, con margen desde el borde de la página?
  3. ¿Como máximo una tipografía (dos si emparejada) y uno o dos pesos haciendo el trabajo?
  4. ¿Algo presente solo "porque se ve bien"? Elimínalo.
  5. ¿Una irregularidad controlada o acento focal, no diez?
  6. ¿El texto mantiene contraste sobre su fondo a tamaño real?
  7. ¿El logotipo funciona pequeño, en un solo color, en vector, con trazos consistentes y espaciado uniforme?
  8. ¿Archivos nombrados, agrupados y documentados? Si el problema es la idea o la dirección visual, y no la artesanía, entrega en lugar de arreglarlo aquí.

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'.

Skills relacionados