Communitygithub.com

agencelutie/LP-lutie

Crea arte visual hermoso en documentos .png y .pdf utilizando filosofía de diseño. Usa esta habilidad cuando el usuario solicite crear un cartel, una obra de arte, un diseño u otra pieza estática. Genera diseños visuales originales, sin copiar el trabajo de artistas existentes para evitar infracciones de derechos de autor.

¿Qué es LP-lutie?

Esta habilidad permite a un agente de IA (como Claude Code, Cursor o Codex) crear obras de arte visual únicas y de alta calidad, como carteles o piezas estáticas, siguiendo un proceso estructurado en dos fases: primero, elaborar una filosofía de diseño detallada en un archivo .md; segundo, plasmar visualmente esa filosofía en un lienzo, generando archivos .pdf o .png. Está diseñada para usuarios que piden 'un cartel', 'una obra de arte', 'un diseño' o cualquier pieza visual estática, con un enfoque en la originalidad y la artesanía experta. La habilidad enfatiza la creación de movimientos estéticos únicos, evitando copias o referencias literales, y utiliza el texto de forma mínima como acento visual. El resultado final debe parecer laboriosamente elaborado, como si hubiera tomado incontables horas de trabajo de un maestro en su campo. Soporta plataformas que ejecutan agentes de IA y requiere que el agente tenga acceso a herramientas de generación de imágenes y archivos.

Compatible con✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/agencelutie/LP-lutie/tree/main/skills-export/examples/canvas-design

Preguntar en tu IA favorita

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

Documentación

Estas son instrucciones para crear filosofías de diseño, movimientos estéticos que luego se EXPRESAN VISUALMENTE. Produce solo archivos .md, archivos .pdf y archivos .png.

Completa esto en dos pasos:

  1. Creación de la Filosofía de Diseño (archivo .md)
  2. Exprésala creándola en un lienzo (archivo .pdf o archivo .png)

Primero, realiza esta tarea:

CREACIÓN DE LA FILOSOFÍA DE DISEÑO

Para empezar, crea una FILOSOFÍA VISUAL (no diseños o plantillas) que será interpretada a través de:

  • Forma, espacio, color, composición
  • Imágenes, gráficos, formas, patrones
  • Texto mínimo como acento visual

LA COMPRENSIÓN CRÍTICA

  • Qué se recibe: Una entrada o instrucciones sutiles del usuario que deben ser consideradas, pero usadas como base; no debe limitar la libertad creativa.
  • Qué se crea: Una filosofía de diseño/movimiento estético.
  • Qué sucede después: Luego, la misma versión recibe la filosofía y LA EXPRESA VISUALMENTE, creando artefactos que son 90% diseño visual, 10% texto esencial.

Considera este enfoque:

  • Escribe un manifiesto para un movimiento artístico.
  • La siguiente fase consiste en crear la obra de arte.

La filosofía debe enfatizar: Expresión visual. Comunicación espacial. Interpretación artística. Mínimas palabras.

CÓMO GENERAR UNA FILOSOFÍA VISUAL

Nombra el movimiento (1-2 palabras): "Alegría Brutalista" / "Silencio Cromático" / "Sueños Metabolistas"

Articula la filosofía (4-6 párrafos, concisa pero completa):

Para capturar la esencia VISUAL, expresa cómo la filosofía se manifiesta a través de:

  • Espacio y forma
  • Color y material
  • Escala y ritmo
  • Composición y equilibrio
  • Jerarquía visual

DIRECTRICES CRÍTICAS:

  • Evita la redundancia: Cada aspecto del diseño debe mencionarse una sola vez. Evita repetir puntos sobre teoría del color, relaciones espaciales o principios tipográficos a menos que añadas nueva profundidad.
  • Enfatiza la artesanía REPETIDAMENTE: La filosofía DEBE recalcar varias veces que el trabajo final debe parecer que tomó incontables horas de creación, fue elaborado con cuidado y proviene de alguien que está en la cima absoluta de su campo. Este encuadre es esencial: repite frases como "meticulosamente elaborado", "el producto de una profunda experiencia", "atención minuciosa", "ejecución de nivel maestro".
  • Deja espacio creativo: Sé específico sobre la dirección estética, pero lo suficientemente conciso como para que el siguiente Claude tenga margen para tomar decisiones interpretativas también a un nivel altísimo de artesanía.

La filosofía debe guiar a la siguiente versión para expresar ideas VISUALMENTE, no a través de texto. La información vive en el diseño, no en los párrafos.

EJEMPLOS DE FILOSOFÍA

"Poesía Concreta" Filosofía: Comunicación a través de formas monumentales y geometría audaz. Expresión visual: Grandes bloques de color, tipografía escultórica (palabras enormes, etiquetas pequeñas), divisiones espaciales brutalistas, energía del cartel polaco combinada con Le Corbusier. Las ideas se expresan a través del peso visual y la tensión espacial, no de la explicación. El texto como gesto raro y poderoso: nunca párrafos, solo palabras esenciales integradas en la arquitectura visual. Cada elemento colocado con la precisión de un maestro artesano.

"Lenguaje Cromático" Filosofía: El color como sistema de información principal. Expresión visual: Precisión geométrica donde las zonas de color crean significado. Tipografía mínima: pequeñas etiquetas sans-serif que permiten que los campos cromáticos se comuniquen. Piensa en la interacción de Josef Albers combinada con la visualización de datos. Información codificada espacial y cromáticamente. Palabras solo para anclar lo que el color ya muestra. El resultado de una calibración cromática minuciosa.

"Meditación Analógica" Filosofía: Contemplación visual tranquila a través de la textura y el espacio de respiro. Expresión visual: Grano de papel, sangrados de tinta, amplio espacio negativo. Fotografía e ilustración dominan. Tipografía susurrada (pequeña, contenida, al servicio de lo visual). Estética del fotolibro japonés. Las imágenes respiran a través de las páginas. El texto aparece con moderación: frases cortas, nunca bloques explicativos. Cada composición equilibrada con el cuidado de una práctica de meditación.

"Sistemas Orgánicos" Filosofía: Agrupación natural y patrones de crecimiento modular. Expresión visual: Formas redondeadas, distribuciones orgánicas, color de la naturaleza a través de la arquitectura. La información se muestra a través de diagramas visuales, relaciones espaciales, iconografía. El texto solo para etiquetas clave flotando en el espacio. La composición cuenta la historia a través de una orquestación espacial experta.

"Silencio Geométrico" Filosofía: Orden puro y contención. Expresión visual: Precisión basada en cuadrícula, fotografía audaz o gráficos crudos, espacio negativo dramático. Tipografía precisa pero mínima: texto esencial pequeño, grandes zonas silenciosas. Formalismo suizo combinado con honestidad material brutalista. La estructura comunica, no las palabras. Cada alineación es el resultado de innumerables refinamientos.

Estos son ejemplos condensados. La filosofía de diseño real debe tener de 4 a 6 párrafos sustanciales.

PRINCIPIOS ESENCIALES

  • FILOSOFÍA VISUAL: Crea una cosmovisión estética para ser expresada a través del diseño.
  • TEXTO MÍNIMO: Siempre enfatiza que el texto es escaso, solo esencial, integrado como elemento visual, nunca extenso.
  • EXPRESIÓN ESPACIAL: Las ideas se comunican a través del espacio, la forma, el color, la composición, no mediante párrafos.
  • LIBERTAD ARTÍSTICA: El siguiente Claude interpreta la filosofía visualmente: proporciona espacio creativo.
  • DISEÑO PURO: Se trata de hacer OBJETOS DE ARTE, no documentos con decoración.
  • ARTESANÍA EXPERTA: Enfatiza repetidamente que el trabajo final debe parecer meticulosamente elaborado, cuidado con esmero, el producto de incontables horas de alguien en la cima de su campo.

La filosofía de diseño debe tener de 4 a 6 párrafos de largo. Llénelo con una filosofía de diseño poética que reúna la visión central. Evita repetir los mismos puntos. Mantén la filosofía de diseño genérica, sin mencionar la intención del arte, como si pudiera usarse en cualquier lugar. Genera la filosofía de diseño como un archivo .md.


DEDUCIENDO LA REFERENCIA SUTIL

PASO CRÍTICO: Antes de crear el lienzo, identifica el hilo conceptual sutil de la solicitud original.

EL PRINCIPIO ESENCIAL: El tema es una referencia sutil y especializada, incrustada dentro del arte mismo; no siempre es literal, siempre es sofisticada. Alguien familiarizado con el tema debería sentirlo intuitivamente, mientras que otros simplemente experimentan una composición abstracta magistral. La filosofía de diseño proporciona el lenguaje estético. El tema deducido proporciona el alma: el ADN conceptual silencioso tejido de manera invisible en la forma, el color y la composición.

Esto es MUY IMPORTANTE: La referencia debe refinarse para que realce la profundidad de la obra sin anunciarse a sí misma. Piensa como un músico de jazz que cita otra canción: solo aquellos que lo saben lo captarán, pero todos aprecian la música.


CREACIÓN DEL LIENZO

Con la filosofía y el marco conceptual establecidos, exprésalo en un lienzo. Tómate un momento para reunir pensamientos y despejar la mente. Utiliza la filosofía de diseño creada y las instrucciones a continuación para crear una obra maestra, encarnando todos los aspectos de la filosofía con artesanía experta.

IMPORTANTE: Para cualquier tipo de contenido, incluso si el usuario solicita algo sobre una película/juego/libro, el enfoque debe seguir siendo sofisticado. Nunca pierdas de vista la idea de que esto debe ser arte, no algo caricaturesco o amateur.

Para crear trabajo de calidad de museo o revista, utiliza la filosofía de diseño como base. Crea una sola página, altamente visual, con un diseño vanguardista en formato PDF o PNG (a menos que se soliciten más páginas). Generalmente, utiliza patrones repetitivos y formas perfectas. Trata el diseño filosófico abstracto como si fuera una biblia científica, tomando prestado el lenguaje visual de la observación sistemática: acumulación densa de marcas, elementos repetidos o patrones en capas que construyen significado a través de la repetición paciente y recompensan la visualización sostenida. Añade tipografía clínica y escasa, con marcadores de referencia sistemáticos que sugieran que esto podría ser un diagrama de una disciplina imaginaria, tratando el tema invisible con la misma reverencia típicamente reservada para documentar fenómenos observables. Ancla la pieza con frases simples o detalles colocados sutilmente, utilizando una paleta de colores limitada que se sienta intencional y cohesiva. Abraza la paradoja de usar un lenguaje visual analítico para expresar ideas sobre la experiencia humana: el resultado debe sentirse como un artefacto que demuestra que algo efímero puede ser estudiado, mapeado y comprendido a través de una atención cuidadosa. Esto es arte verdadero.

El texto como elemento contextual: El texto siempre es mínimo y prioriza lo visual, pero deja que el contexto guíe si se trata de etiquetas susurrantes o gestos tipográficos audaces. Un cartel de un concierto punk podría tener un tipo de letra más grande y agresivo que la identidad de un estudio de cerámica minimalista. La mayoría de las veces, la fuente debe ser delgada. Todo uso de fuentes debe ser vanguardista en el diseño y priorizar la comunicación visual. Independientemente de la escala del texto, nada debe salirse de la página ni superponerse. Cada elemento debe estar contenido dentro de los límites del lienzo con márgenes adecuados. Revisa cuidadosamente que todo el texto, gráficos y elementos visuales tengan espacio para respirar y una separación clara. Esto no es negociable para una ejecución profesional. IMPORTANTE: usa diferentes fuentes si escribes texto. Busca en el directorio ./canvas-fonts. Independientemente del enfoque, la sofisticación no es negociable.

Descarga y usa las fuentes que sean necesarias para hacer esto realidad. Sé creativo haciendo que la tipografía sea realmente parte del arte en sí: si el arte es abstracto, lleva la fuente al lienzo, no la compongas digitalmente.

Para superar límites, sigue el instinto/intuición de diseño mientras usas la filosofía como principio rector. Abraza la máxima libertad y elección de diseño. Lleva la estética y el diseño a la frontera.

CRÍTICO: Para lograr una calidad de fabricación humana (no generada por IA), crea un trabajo que parezca que tomó incontables horas. Haz que parezca que alguien en la cima absoluta de su campo trabajó en cada detalle con un cuidado minucioso. Asegúrate de que la composición, el espaciado, las elecciones de color, la tipografía, todo grite artesanía de nivel experto. Verifica dos veces que nada se superponga, que el formato sea impecable, que cada detalle sea perfecto. Crea algo que pudiera mostrarse a las personas para demostrar experiencia y clasificarse como innegablemente impresionante.

Genera el resultado final como un solo archivo .pdf o .png descargable, junto con la filosofía de diseño utilizada como un archivo .md.


PASO FINAL

IMPORTANTE: El usuario YA ha dicho "No es lo suficientemente perfecto. Debe ser prístino, una obra maestra de artesanía, como si estuviera a punto de exhibirse en un museo."

CRÍTICO: Para refinar el trabajo, evita agregar más gráficos; en su lugar, refina lo que se ha creado y hazlo extremadamente nítido, respetando completamente la filosofía de diseño y los principios del minimalismo. En lugar de agregar un filtro divertido o cambiar una fuente, considera cómo hacer que la composición existente sea más coherente con el arte. Si el instinto es llamar a una nueva función o dibujar una nueva forma, DETENTE y pregúntate en su lugar: "¿Cómo puedo hacer que lo que ya está aquí sea más una obra de arte?"

Toma una segunda pasada. Vuelve al código y refina/pule aún más para convertir esto en una obra maestra diseñada filosóficamente.

OPCIÓN DE VARIAS PÁGINAS

Para crear páginas adicionales cuando se solicite, crea páginas más creativas siguiendo la misma línea de la filosofía de diseño pero también claramente diferentes. Agrupa esas páginas en el mismo .pdf o en varios .png. Trata la primera página como solo una página en todo un libro de mesa de café esperando ser llenado. Haz que las páginas siguientes sean giros únicos y recuerdos del original. Haz que casi cuenten una historia de una manera muy elegante. Ejerce total libertad creativa.

Individual skills in this repo

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

agencelutie/LP-lutie

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.

agencelutie/LP-lutie

Submit expense reimbursements through Benepass (app.getbenepass.com). For users whose employer uses Benepass as their benefits platform. Handles login, benefit selection, form filling, receipt upload, and submission. Requires browser/computer-use capabilities.

agencelutie/LP-lutie

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

agencelutie/LP-lutie

Make a phone call to book an appointment or reservation. Checks calendar first, gets explicit consent before dialing, discloses AI identity on the call, and adds the booking to calendar when done.

agencelutie/LP-lutie

Cancel a subscription or unsubscribe from a service. Works from a description, a pasted charge line, a URL, or a photo/screenshot. Can also audit a full statement for recurring charges and cancel several at once. Finds the right contact method and handles the cancellation — including phone calls.

agencelutie/LP-lutie

Guide users through a structured workflow for co-authoring documentation. Use when user wants to write documentation, proposals, technical specs, decision docs, or similar structured content. This workflow helps users efficiently transfer context, refine content through iteration, and verify the doc works for readers. Trigger when user mentions writing docs, creating proposals, drafting specs, or similar documentation tasks.

agencelutie/LP-lutie

Help plan an event — from a birthday dinner to a wedding. Scales to the size of the occasion. Handles venue research, guest lists, timelines, vendors, and budgets.

agencelutie/LP-lutie

Help submit an expense or reimbursement on any platform. Detects the right tool (Benepass, Brex, Concur, Expensify, etc.), finds receipts, checks for duplicates, and walks through submission.

agencelutie/LP-lutie

Handle small bureaucratic tasks — jury duty responses, parking tickets, passport renewals, DMV forms, permit applications, and other government or administrative paperwork.

agencelutie/LP-lutie

Run financial calculations and scenario comparisons — tax estimates, loan comparisons, retirement projections, rent vs. buy, investment scenarios, and more. Pure math, no accounts or logins needed.

agencelutie/LP-lutie

Help order groceries for delivery. Concierge-style flow — store selection, occasion-based list building, budget tracking, and cart assembly.

agencelutie/LP-lutie

Help find and book a service provider for a task — cleaning, handyman, moving, assembly, yard work, errands, etc. Searches TaskRabbit, Handy, Thumbtack, and similar platforms.

agencelutie/LP-lutie

A set of resources to help me write all kinds of internal communications, using the formats that my company likes to use. Claude should use this skill whenever asked to write some sort of internal communications (status reports, leadership updates, 3P updates, company newsletters, FAQs, incident reports, project updates, etc.).

agencelutie/LP-lutie

Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).

agencelutie/LP-lutie

Help order food timed to arrive at a specific time. Works backward from target arrival, suggests restaurants, builds cart, and monitors delivery.

agencelutie/LP-lutie

Refill a prescription at a pharmacy. Works from a medication name, an Rx number, a photo of the bottle, or just "I'm running low." Confirms exactly what's being requested, gathers everything the pharmacy will ask for up front, and handles the refill online or by phone — whichever is fastest.

agencelutie/LP-lutie

Help return an item or request a refund from any retailer. Identifies the item, finds the return policy, navigates the process, and handles shipping labels or phone calls.

agencelutie/LP-lutie

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

agencelutie/LP-lutie

Landing page quality assessment for paid advertising campaigns. Evaluates message match, page speed, mobile experience, trust signals, form optimization, and conversion rate potential. Use when user says "landing page", "post-click experience", "landing page audit", "conversion rate", or "landing page optimization".

agencelutie/LP-lutie

Generate structured landing page copy with hero, body, proof, and CTA sections. Framework-agnostic - adapts approach based on awareness level and offer type.

Skills relacionados