Mejores diseños con skills: que Claude pregunte por cada decisión de diseño antes de entregarte algo que parece un primer borrador

El vídeo del original

Anthropic publica este caso con un vídeo que enseña el proceso completo. Está aquí para que lo veas antes de empezar.

1. Describe la tarea

Claude puede generar buenos diseños visuales si le das instrucciones y ejemplos claros. El problema es que conseguir ese nivel siempre suele pedir indicaciones largas y varias vueltas de corrección, y eso gasta tiempo y contexto. Con una skill empaquetas ese proceso una vez y lo activas en cualquier conversación.

Dile a Claude que quieres crear la skill de diseño que eleve cualquier trabajo visual: qué marcos, qué estándares y qué proceso debe seguir cuando diseñe un resultado. Copia esto en Claude y cambia lo que haga falta:

Hago muchos trabajos visuales con Claude: presentaciones, paneles, informes y páginas HTML. Funcionan, pero siempre parecen genéricos, como un primer borrador y no como un trabajo pulido. Quiero que parezcan haber pasado por varias rondas de revisión de diseño profesional.

Quiero crear una skill que aplique pensamiento de diseño a cualquier resultado visual que pida. Que haga que Claude cuestione sus decisiones de diseño, consulte buenas prácticas y busque la excelencia antes de entregar nada.

La skill debe activarse cada vez que pida presentaciones, hojas de cálculo, artefactos HTML, PDF o cualquier cosa visual. Claude debería:
- Empezar con una versión que funcione y luego elevarla
- Cuestionar cada decisión de diseño (tipografía, color, composición, espaciado)
- Inspirarse en referencias de diseño profesional [las que prefiera mi equipo]
- Aplicar técnicas visuales concretas en lugar de valores por defecto genéricos
- Equilibrar las decisiones atrevidas con la contención
- Conseguir que el resultado final parezca hecho a mano, no sacado de una plantilla

Quiero que la skill tenga archivos de referencia que Claude consulte:
- Una lista de preguntas de diseño que hacerse antes de entregar
- Un catálogo de técnicas, organizadas por lo que consiguen
- Una biblioteca de referencias y ejemplos de los que partir
- Un protocolo de refinamiento, paso a paso
- Una filosofía de diseño, con los principios para equilibrar impacto y contención

El objetivo es que, cuando pida «un panel de ventas» o «una presentación», Claude piense como un director de arte que no aceptaría un resultado genérico. Yo solo veo el resultado pulido, salvo que pida ver el proceso. Ayúdame a crear esta skill con todos los archivos de referencia necesarios.

2. Dale contexto a Claude

Este caso usa el sistema de skills de Claude. En Configuración → Capacidades → Skills, comprueba que la ejecución de código y la creación de archivos están activadas: sin ellas, Claude no puede crear ni usar skills. Aprende más en la presentación de las skills.

3. Lo que crea Claude

Claude te monta una skill completa: un archivo de instrucciones principal y varios archivos de referencia. Queda lista para usar en cuanto la añades a tu biblioteca de skills. Después, basta con mencionar «excelencia de diseño» en una conversación para que aplique el criterio a lo que estés creando. Un ejemplo de lo que te contesta, con contenido inventado:

4. Indicaciones de seguimiento

Sigue la conversación con Claude para afinar, ampliar o explorar la skill.

Ve la skill en acción

Úsala para evaluar y mejorar un trabajo que ya tengas. Claude puede rehacerlo aplicando las técnicas de la skill.

Probemos esta skill. Crea [un panel de resultados trimestral]. Usa el proceso de elevación de diseño y enséñame la versión inicial que funciona y el resultado elevado, para que vea la diferencia.

Combínala con los conectores

Mira cómo tu experiencia empaquetada en una skill trabaja junto a tus herramientas cuando están conectadas.

Tengo Google Drive conectado. ¿Cómo funcionaría esta skill de diseño si te pido que cojas una presentación que ya tengo en mi Drive y la mejores? Enséñame cómo trabajan juntas la skill y la conexión.

Amplía el catálogo de técnicas

Profundiza el vocabulario de la skill en lo que más haces, o añade tus propios estándares de calidad y ejemplos. Así Claude entiende con más precisión el resultado que buscas.

Añade técnicas pensadas para la visualización de datos: estilos de gráficos, composición de paneles y maneras de que los números resulten más atractivos. Trabajo en [el sector de mi cliente]: añade a la biblioteca de referencias ejemplos de diseño líderes en ese sector.

5. Trucos, consejos y solución de problemas

• Practicar

  Evoluciona la skill con el uso. Tras varios usos verás patrones: más atrevimiento en el color, más densidad de información, ciertas tipografías. Actualiza la skill con esa opinión, añade criterios de calidad que te importen y pon capturas de trabajos que te encanten como referencia.

• Fuente

  Las skills cargan la información por capas. Claude lee primero la descripción de la skill para saber si es relevante y solo entonces carga las instrucciones; los archivos de referencia se cargan únicamente cuando hacen falta. Por eso puedes tener muchas skills sin saturar el contexto.

• Practicar

  Las preguntas de calidad empujan más allá de lo genérico. La skill obliga a Claude a evaluar su trabajo contra un listón y mete la iteración dentro del proceso, en lugar de repartirla en varias rondas de mensajes.

6. ¿Listo para probarlo?

Crea tu skill de excelencia de diseño y comprueba cómo cada resultado visual pasa de «funciona» a «lo enseñaría». Se construye una vez y se activa en cualquier conversación.

Compártelo con tu equipo

Una skill que solo vive en tu cuenta mejora tu trabajo. Compartida, mejora el de toda la agencia: cada presentación y cada informe salen con el mismo listón.

De cara al futuro

En una agencia de aquí, así se usa

Una agencia vende, en buena parte, criterio visual. El riesgo de trabajar con Claude es que cada persona obtenga un resultado distinto según cómo pida las cosas. La skill de este caso fija el listón de la casa: qué referencias se consideran buenas, qué se evita y cuántas vueltas debe dar un trabajo antes de enseñarse. Puedes tener una general para la agencia y otra por cliente, con sus normas de marca (el caso de la marca de cada cliente en una skill lo explica).

Crea la skill de criterio de diseño de nuestra agencia. En los archivos adjuntos tienes trabajos que nos gustan y los errores que corregimos siempre. Antes de crearla, hazme las preguntas que necesites, una a una: tipografías y colores que usamos, qué consideramos demasiado «de plantilla», qué referencias valoramos y cuántas rondas de revisión debe hacer Claude antes de enseñar un trabajo. Con mis respuestas, crea la skill con sus archivos de referencia.

Decides tú qué es buen diseño para tu agencia y qué se entrega al cliente. La skill sube el punto de partida; el criterio final sigue siendo de la persona de diseño.