Communitygithub.com

agencelutie/LP-lutie

Crie belas artes visuais em documentos .png e .pdf usando filosofia de design. Use esta habilidade quando o usuário pedir para criar um pôster, obra de arte, design ou outra peça estática. Crie designs visuais originais, nunca copiando o trabalho de artistas existentes para evitar violações de direitos autorais.

O que é LP-lutie?

Esta habilidade capacita um agente de IA a atuar como um designer visual de alto nível, capaz de criar obras de arte originais e sofisticadas, como cartazes, peças de design e ilustrações. O processo é dividido em duas etapas principais: primeiro, o agente desenvolve uma 'filosofia de design' única – um movimento estético com manifesto, princípios de forma, cor e composição – que é documentada em um arquivo .md. Em segundo lugar, o agente 'expressa' essa filosofia visualmente, gerando uma peça de arte final em formato .pdf ou .png, projetada para parecer meticulosamente trabalhada por um mestre artesão. A habilidade enfatiza o uso de texto mínimo como elemento visual, composições espaciais poderosas e uma qualidade de execução digna de museu. É ideal para usuários que desejam arte visual original, sofisticada e conceitualmente rica, rejeitando abordagens genéricas ou amadoras, e funciona em plataformas como Claude Code, Cursor ou Codex que permitem geração de arquivos e execução de código. O agente é instruído a buscar fontes em um diretório local e a refinar a obra até que atinja um padrão de excelência, garantindo que cada elemento pareça cuidadosamente colocado e que a peça final seja coesa e impactante.

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

Perguntar na sua IA favorita

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

Documentação

Estas são instruções para criar filosofias de design — movimentos estéticos que são então EXPRESSOS VISUALMENTE. Produza apenas arquivos .md, .pdf e .png.

Complete isso em duas etapas:

  1. Criação da Filosofia de Design (arquivo .md)
  2. Expresse criando em uma tela (arquivo .pdf ou .png)

Primeiro, realize esta tarefa:

CRIAÇÃO DA FILOSOFIA DE DESIGN

Para começar, crie uma FILOSOFIA VISUAL (não layouts ou modelos) que será interpretada através de:

  • Forma, espaço, cor, composição
  • Imagens, gráficos, formas, padrões
  • Texto mínimo como acento visual

O ENTENDIMENTO CRÍTICO

  • O que é recebido: Alguma entrada sutil ou instruções do usuário que devem ser levadas em conta, mas usadas como base; não devem restringir a liberdade criativa.
  • O que é criado: Uma filosofia de design / movimento estético.
  • O que acontece depois: Então, a mesma versão recebe a filosofia e a EXPRESSA VISUALMENTE — criando artefatos que são 90% design visual, 10% texto essencial.

Considere esta abordagem:

  • Escreva um manifesto para um movimento artístico
  • A próxima fase envolve fazer a obra de arte

A filosofia deve enfatizar: Expressão visual. Comunicação espacial. Interpretação artística. Mínimo de palavras.

COMO GERAR UMA FILOSOFIA VISUAL

Nomeie o movimento (1-2 palavras): "Alegria Brutalista" / "Silêncio Cromático" / "Sonhos Metabolistas"

Articule a filosofia (4-6 parágrafos — concisos, mas completos):

Para capturar a essência VISUAL, expresse como a filosofia se manifesta através de:

  • Espaço e forma
  • Cor e material
  • Escala e ritmo
  • Composição e equilíbrio
  • Hierarquia visual

DIRETRIZES CRÍTICAS:

  • Evite redundância: Cada aspecto do design deve ser mencionado uma vez. Evite repetir pontos sobre teoria das cores, relações espaciais ou princípios tipográficos, a menos que esteja adicionando nova profundidade.
  • Enfatize o ARTESANATO repetidamente: A filosofia DEVE enfatizar várias vezes que o trabalho final deve parecer como se tivesse levado inúmeras horas para ser criado, foi elaborado com cuidado e vem de alguém no auge de sua área. Esse enquadramento é essencial — repita frases como "meticulosamente elaborado", "produto de profunda expertise", "atenção minuciosa", "execução de nível mestre".
  • Deixe espaço criativo: Permaneça específico sobre a direção estética, mas conciso o suficiente para que o próximo Claude tenha espaço para fazer escolhas interpretativas também em um nível extremamente alto de artesanato.

A filosofia deve guiar a próxima versão a expressar ideias VISUALMENTE, não através de texto. A informação vive no design, não em parágrafos.

EXEMPLOS DE FILOSOFIA

"Poesia Concreta" Filosofia: Comunicação através de forma monumental e geometria ousada. Expressão visual: Grandes blocos de cor, tipografia escultural (palavras únicas enormes, etiquetas minúsculas), divisões espaciais brutalistas, energia do cartaz polonês encontra Le Corbusier. Ideias expressas através de peso visual e tensão espacial, não de explicação. Texto como gesto raro e poderoso — nunca parágrafos, apenas palavras essenciais integradas na arquitetura visual. Cada elemento colocado com a precisão de um mestre artesão.

"Linguagem Cromática" Filosofia: Cor como sistema primário de informação. Expressão visual: Precisão geométrica onde zonas de cor criam significado. Tipografia mínima — pequenas etiquetas sem serifa deixando os campos cromáticos se comunicarem. Pense na interação de Josef Albers encontra visualização de dados. Informação codificada espacial e cromaticamente. Palavras apenas para ancorar o que a cor já mostra. O resultado de uma calibração cromática minuciosa.

"Meditação Analógica" Filosofia: Contemplação visual silenciosa através de textura e espaço para respirar. Expressão visual: Granulação de papel, sangramento de tinta, vasto espaço negativo. Fotografia e ilustração dominam. Tipografia sussurrada (pequena, contida, servindo ao visual). Estética do fotolivro japonês. Imagens respiram através das páginas. Texto aparece com moderação — frases curtas, nunca blocos explicativos. Cada composição equilibrada com o cuidado de uma prática de meditação.

"Sistemas Orgânicos" Filosofia: Agrupamento natural e padrões de crescimento modular. Expressão visual: Formas arredondadas, arranjos orgânicos, cor da natureza através da arquitetura. Informação mostrada através de diagramas visuais, relações espaciais, iconografia. Texto apenas para etiquetas-chave flutuando no espaço. A composição conta a história através de orquestração espacial especializada.

"Silêncio Geométrico" Filosofia: Ordem pura e contenção. Expressão visual: Precisão baseada em grade, fotografia ousada ou gráficos austeros, espaço negativo dramático. Tipografia precisa, mas mínima — texto essencial pequeno, grandes zonas silenciosas. Formalismo suíço encontra honestidade material brutalista. A estrutura comunica, não as palavras. Cada alinhamento é o trabalho de inúmeros refinamentos.

Estes são exemplos condensados. A filosofia de design real deve ter 4-6 parágrafos substanciais.

PRINCÍPIOS ESSENCIAIS

  • FILOSOFIA VISUAL: Crie uma visão de mundo estética para ser expressa através do design
  • TEXTO MÍNIMO: Sempre enfatize que o texto é esparso, apenas essencial, integrado como elemento visual — nunca longo
  • EXPRESSÃO ESPACIAL: Ideias se comunicam através do espaço, forma, cor, composição — não de parágrafos
  • LIBERDADE ARTÍSTICA: O próximo Claude interpreta a filosofia visualmente — forneça espaço criativo
  • DESIGN PURO: Trata-se de fazer OBJETOS DE ARTE, não documentos com decoração
  • ARTESANATO EXPERT: Enfatize repetidamente que o trabalho final deve parecer meticulosamente elaborado, trabalhado com cuidado, o produto de inúmeras horas de alguém no auge de sua área

A filosofia de design deve ter de 4 a 6 parágrafos de extensão. Preencha-a com filosofia de design poética que reúna a visão central. Evite repetir os mesmos pontos. Mantenha a filosofia de design genérica sem mencionar a intenção da arte, como se pudesse ser usada em qualquer lugar. Produza a filosofia de design como um arquivo .md.


DEDUZINDO A REFERÊNCIA SUTIL

PASSO CRÍTICO: Antes de criar a tela, identifique o fio conceitual sutil do pedido original.

O PRINCÍPIO ESSENCIAL: O tópico é uma referência sutil e de nicho embutida na própria arte — nem sempre literal, sempre sofisticada. Alguém familiarizado com o assunto deve senti-la intuitivamente, enquanto outros simplesmente experimentam uma composição abstrata magistral. A filosofia de design fornece a linguagem estética. O tópico deduzido fornece a alma — o DNA conceitual silencioso tecido de forma invisível na forma, cor e composição.

Isso é MUITO IMPORTANTE: A referência deve ser refinada para que aumente a profundidade do trabalho sem se anunciar. Pense como um músico de jazz citando outra música — apenas aqueles que conhecem a perceberão, mas todos apreciam a música.


CRIAÇÃO DA TELA

Com a filosofia e a estrutura conceitual estabelecidas, expresse-as em uma tela. Reserve um momento para reunir pensamentos e clarear a mente. Use a filosofia de design criada e as instruções abaixo para criar uma obra-prima, incorporando todos os aspectos da filosofia com artesanato especializado.

IMPORTANTE: Para qualquer tipo de conteúdo, mesmo que o usuário solicite algo para um filme/jogo/livro, a abordagem ainda deve ser sofisticada. Nunca perca de vista a ideia de que isso deve ser arte, não algo cartunesco ou amador.

Para criar trabalhos de qualidade de museu ou revista, use a filosofia de design como base. Crie uma única página, altamente visual, com saída em PDF ou PNG orientada ao design (a menos que seja solicitado mais páginas). Geralmente, use padrões repetitivos e formas perfeitas. Trate o design filosófico abstrato como se fosse uma bíblia científica, tomando emprestada a linguagem visual da observação sistemática — acúmulo denso de marcas, elementos repetidos ou padrões em camadas que constroem significado através da repetição paciente e recompensam a visualização sustentada. Adicione tipografia clínica e esparsa e marcadores de referência sistemáticos que sugiram que este poderia ser um diagrama de uma disciplina imaginária, tratando o assunto invisível com a mesma reverência normalmente reservada para documentar fenômenos observáveis. Ancôre a peça com frase(s) simples ou detalhes posicionados sutilmente, usando uma paleta de cores limitada que pareça intencional e coesa. Abrace o paradoxo de usar linguagem visual analítica para expressar ideias sobre a experiência humana: o resultado deve parecer um artefato que prova que algo efêmero pode ser estudado, mapeado e compreendido através de atenção cuidadosa. Isto é verdadeira arte.

Texto como elemento contextual: O texto é sempre mínimo e visual em primeiro lugar, mas deixe o contexto guiar se isso significa etiquetas sussurradas ou gestos tipográficos ousados. Um pôster de um show punk pode ter um tipo mais agressivo e maior do que a identidade de um estúdio de cerâmica minimalista. Na maioria das vezes, a fonte deve ser fina. Todo o uso de fontes deve ser voltado para o design e priorizar a comunicação visual. Independentemente da escala do texto, nada cai da página e nada se sobrepõe. Cada elemento deve estar contido dentro dos limites da tela com margens adequadas. Verifique cuidadosamente se todos os textos, gráficos e elementos visuais têm espaço para respirar e separação clara. Isso não é negociável para uma execução profissional. IMPORTANTE: Use fontes diferentes ao escrever texto. Pesquise no diretório ./canvas-fonts. Independentemente da abordagem, sofisticação não é negociável.

Baixe e use quaisquer fontes necessárias para tornar isso realidade. Seja criativo fazendo a tipografia realmente parte da arte em si — se a arte é abstrata, traga a fonte para a tela, não a componha digitalmente.

Para ultrapassar limites, siga o instinto/intuição de design enquanto usa a filosofia como princípio orientador. Abrace a liberdade e a escolha definitivas de design. Leve a estética e o design para a fronteira.

CRÍTICO: Para alcançar qualidade artesanal humana (não gerada por IA), crie um trabalho que pareça ter levado inúmeras horas. Faça com que pareça que alguém no auge de sua área trabalhou em cada detalhe com cuidado minucioso. Garanta que composição, espaçamento, escolhas de cores, tipografia — tudo grite artesanato de nível especializado. Verifique novamente se nada se sobrepõe, a formatação está impecável, cada detalhe perfeito. Crie algo que possa ser mostrado às pessoas para provar expertise e ser classificado como inegavelmente impressionante.

Produza o resultado final como um único arquivo .pdf ou .png para download, junto com a filosofia de design usada como um arquivo .md.


PASSO FINAL

IMPORTANTE: O usuário JÁ disse "Não é perfeito o suficiente. Deve ser imaculado, uma obra-prima de artesanato, como se estivesse prestes a ser exibido em um museu."

CRÍTICO: Para refinar o trabalho, evite adicionar mais gráficos; em vez disso, refine o que foi criado e torne-o extremamente nítido, respeitando totalmente a filosofia de design e os princípios do minimalismo. Em vez de adicionar um filtro divertido ou refatorar uma fonte, considere como tornar a composição existente mais coesa com a arte. Se o instinto for chamar uma nova função ou desenhar uma nova forma, PARE e, em vez disso, pergunte: "Como posso tornar o que já está aqui mais uma obra de arte?"

Faça uma segunda passagem. Volte ao código e refine/polir ainda mais para fazer desta uma obra-prima filosoficamente projetada.

OPÇÃO DE MÚLTIPLAS PÁGINAS

Para criar páginas adicionais quando solicitado, crie mais páginas criativas seguindo a mesma linha da filosofia de design, mas também distintamente diferentes. Agrupe essas páginas no mesmo .pdf ou em vários .pngs. Trate a primeira página como apenas uma única página em todo um livro de mesa de centro esperando para ser preenchido. Faça das próximas páginas reviravoltas e memórias únicas da original. Faça com que elas quase contem uma história de uma forma muito elegante. Exercite total liberdade criativa.

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.

Habilidades Relacionadas