Communitygithub.com

agencelutie/LP-lutie

Créez de superbes œuvres d'art visuelles au format .png et .pdf en utilisant une philosophie de conception. Utilisez cette compétence lorsque l'utilisateur demande de créer une affiche, une œuvre d'art, un design ou toute autre pièce statique. Créez des designs visuels originaux, sans jamais copier le travail d'artistes existants pour éviter les violations de droits d'auteur.

Qu'est-ce que LP-lutie ?

Cette compétence permet à un agent IA (comme Claude Code, Cursor ou Codex) de créer des œuvres d'art visuelles originales en deux étapes : d'abord en générant une philosophie de conception esthétique et un manifeste d'art, puis en l'exprimant visuellement sur un canevas au format .pdf ou .png. L'agent analyse une requête utilisateur pour en extraire une référence conceptuelle subtile, puis construit un mouvement esthétique autour de celle-ci, qui guidera la réalisation d'une pièce unique, minimaliste et sophistiquée. La compétence met l'accent sur l'artisanat de niveau expert (le rendu doit sembler avoir pris d'innombrables heures de travail minutieux), l'utilisation de formes parfaites, de motifs répétés, d'une typographie minimaliste et d'une palette de couleurs limitée et cohérente. Elle prend en charge les fichiers .md, .pdf et .png, et peut générer des documents multi-pages (comme un livre de table basse) sur demande.

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

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Voici les instructions pour créer des philosophies de conception – des mouvements esthétiques qui sont ensuite EXPRIMÉS VISUELLEMENT. Produisez uniquement des fichiers .md, .pdf et .png.

Effectuez ceci en deux étapes :

  1. Création de la philosophie de conception (fichier .md)
  2. Expression en créant sur un canevas (fichier .pdf ou .png)

D'abord, entreprennez cette tâche :

CRÉATION DE LA PHILOSOPHIE DE CONCEPTION

Pour commencer, créez une PHILOSOPHIE VISUELLE (pas des maquettes ou des modèles) qui sera interprétée à travers :

  • La forme, l'espace, la couleur, la composition
  • Les images, les graphiques, les formes, les motifs
  • Un texte minimal comme accent visuel

LA COMPRÉHENSION CRITIQUE

  • Ce qui est reçu : Des instructions subtiles ou des indications de l'utilisateur qui doivent être prises en compte, mais utilisées comme fondation ; cela ne doit pas contraindre la liberté créative.
  • Ce qui est créé : Une philosophie de conception / un mouvement esthétique.
  • Ce qui se passe ensuite : Ensuite, la même version reçoit la philosophie et L'EXPRIME VISUELLEMENT – créant des artefacts qui sont à 90 % du design visuel, à 10 % du texte essentiel.

Considérez cette approche :

  • Écrivez un manifeste pour un mouvement artistique
  • La phase suivante consiste à réaliser l'œuvre

La philosophie doit mettre l'accent sur : L'expression visuelle. La communication spatiale. L'interprétation artistique. Un minimum de mots.

COMMENT GÉNÉRER UNE PHILOSOPHIE VISUELLE

Nommez le mouvement (1-2 mots) : « Joie Brutaliste » / « Silence Chromatique » / « Rêves Métabolistes »

Articulez la philosophie (4-6 paragraphes – concis mais complets) :

Pour capturer l'ESSENCE VISUELLE, exprimez comment la philosophie se manifeste à travers :

  • L'espace et la forme
  • La couleur et la matière
  • L'échelle et le rythme
  • La composition et l'équilibre
  • La hiérarchie visuelle

DIRECTIVES CRITIQUES :

  • Évitez la redondance : Chaque aspect du design doit être mentionné une fois. Évitez de répéter des points sur la théorie des couleurs, les relations spatiales ou les principes typographiques, sauf si vous ajoutez une nouvelle profondeur.
  • Insistez RÉPÉTÉMENT sur le savoir-faire : La philosophie DOIT souligner à plusieurs reprises que l'œuvre finale doit sembler avoir pris d'innombrables heures à créer, avoir été travaillée avec soin, et provenir de quelqu'un au sommet absolu de son domaine. Ce cadrage est essentiel – répétez des phrases comme « minutieusement conçu », « le fruit d'une expertise approfondie », « une attention méticuleuse », « une exécution de niveau maître ».
  • Laissez de l'espace créatif : Restez précis sur la direction esthétique, mais assez concis pour que le prochain Claude ait la place de faire des choix interprétatifs également à un niveau d'artisanat extrêmement élevé.

La philosophie doit guider la version suivante à exprimer les idées VISUELLEMENT, pas par du texte. L'information vit dans le design, pas dans les paragraphes.

EXEMPLES DE PHILOSOPHIE

« Poésie Concrète » Philosophie : Communication par la forme monumentale et la géométrie audacieuse. Expression visuelle : Blocs de couleur massifs, typographie sculpturale (mots uniques énormes, petites étiquettes), divisions spatiales brutalistes, énergie d'affiche polonaise rencontre Le Corbusier. Les idées exprimées par le poids visuel et la tension spatiale, pas par l'explication. Texte comme geste rare et puissant – jamais de paragraphes, seulement des mots essentiels intégrés dans l'architecture visuelle. Chaque élément placé avec la précision d'un maître artisan.

« Langage Chromatique » Philosophie : La couleur comme système d'information principal. Expression visuelle : Précision géométrique où les zones de couleur créent du sens. Typographie minimale – petites étiquettes sans empattement laissant les champs chromatiques communiquer. Pensez à l'interaction de Josef Albers rencontre la visualisation de données. Information encodée spatialement et chromatiquement. Des mots seulement pour ancrer ce que la couleur montre déjà. Le résultat d'un calibrage chromatique méticuleux.

« Méditation Analogique » Philosophie : Contemplation visuelle silencieuse à travers la texture et l'espace de respiration. Expression visuelle : Grain du papier, bavures d'encre, vaste espace négatif. La photographie et l'illustration dominent. Typographie murmurée (petite, retenue, au service du visuel). Esthétique de livre photo japonais. Les images respirent à travers les pages. Le texte apparaît avec parcimonie – phrases courtes, jamais de blocs explicatifs. Chaque composition équilibrée avec le soin d'une pratique de méditation.

« Systèmes Organiques » Philosophie : Regroupement naturel et schémas de croissance modulaire. Expression visuelle : Formes arrondies, dispositions organiques, couleur de la nature à travers l'architecture. L'information montrée à travers des diagrammes visuels, des relations spatiales, de l'iconographie. Texte seulement pour des étiquettes clés flottant dans l'espace. La composition raconte l'histoire grâce à une orchestration spatiale experte.

« Silence Géométrique » Philosophie : Ordre pur et retenue. Expression visuelle : Précision basée sur la grille, photographie audacieuse ou graphismes austères, espace négatif spectaculaire. Typographie précise mais minimale – petit texte essentiel, grandes zones silencieuses. Formalisme suisse rencontre l'honnêteté matérielle brutaliste. La structure communique, pas les mots. Chaque alignement est le fruit d'innombrables améliorations.

Ce sont des exemples condensés. La philosophie de conception réelle doit comporter 4 à 6 paragraphes substantiels.

PRINCIPES ESSENTIELS

  • PHILOSOPHIE VISUELLE : Créez une vision esthétique du monde à exprimer à travers le design
  • TEXTE MINIMAL : Insistez toujours sur le fait que le texte est rare, essentiel uniquement, intégré comme élément visuel – jamais long
  • EXPRESSION SPATIALE : Les idées communiquent à travers l'espace, la forme, la couleur, la composition – pas les paragraphes
  • LIBERTÉ ARTISTIQUE : Le prochain Claude interprète la philosophie visuellement – laissez une marge créative
  • DESIGN PUR : Il s'agit de créer des OBJETS D'ART, pas des documents décorés
  • SAVOIR-FAIRE EXPERT : Insistez à plusieurs reprises sur le fait que l'œuvre finale doit sembler minutieusement conçue, travaillée avec soin, le fruit d'innombrables heures passées par quelqu'un au sommet de son domaine

La philosophie de conception doit comporter 4 à 6 paragraphes. Remplissez-la d'une philosophie de conception poétique qui rassemble la vision centrale. Évitez de répéter les mêmes points. Gardez la philosophie de conception générique sans mentionner l'intention de l'art, comme si elle pouvait être utilisée n'importe où. Produisez la philosophie de conception sous forme de fichier .md.


DÉDUCTION DE LA RÉFÉRENCE SUBTILE

ÉTAPE CRITIQUE : Avant de créer le canevas, identifiez le fil conceptuel subtil de la demande originale.

LE PRINCIPE ESSENTIEL : Le sujet est une référence subtile et de niche intégrée dans l'art lui-même – pas toujours littérale, toujours sophistiquée. Une personne familière avec le sujet doit le ressentir intuitivement, tandis que les autres vivent simplement une composition abstraite magistrale. La philosophie de conception fournit le langage esthétique. Le sujet déduit fournit l'âme – l'ADN conceptuel silencieux tissé de manière invisible dans la forme, la couleur et la composition.

C'est TRÈS IMPORTANT : La référence doit être raffinée pour qu'elle renforce la profondeur de l'œuvre sans s'annoncer. Pensez comme un musicien de jazz qui cite une autre chanson – seuls ceux qui connaissent la remarqueront, mais tout le monde apprécie la musique.


CRÉATION DU CANEVAS

Avec à la fois la philosophie et le cadre conceptuel établis, exprimez-les sur un canevas. Prenez un moment pour rassembler vos pensées et vider votre esprit. Utilisez la philosophie de conception créée et les instructions ci-dessous pour façonner un chef-d'œuvre, incarnant tous les aspects de la philosophie avec un savoir-faire expert.

IMPORTANT : Pour tout type de contenu, même si l'utilisateur demande quelque chose pour un film/jeu/livre, l'approche doit rester sophistiquée. Ne perdez jamais de vue l'idée que cela doit être de l'art, pas quelque chose de cartoon ou d'amateur.

Pour créer un travail de qualité musée ou magazine, utilisez la philosophie de conception comme fondation. Créez une seule page, très visuelle, tournée vers le design en sortie PDF ou PNG (sauf demande de plusieurs pages). En général, utilisez des motifs répétés et des formes parfaites. Traitez la conception philosophique abstraite comme si c'était une bible scientifique, empruntant le langage visuel de l'observation systématique – accumulation dense de marques, éléments répétés ou motifs superposés qui construisent du sens par une répétition patiente et récompensent une contemplation prolongée. Ajoutez une typographie clinique et rare, ainsi que des marqueurs de référence systématiques qui suggèrent qu'il pourrait s'agir d'un diagramme d'une discipline imaginaire, traitant le sujet invisible avec la même révérence habituellement réservée à la documentation de phénomènes observables. Ancrez la pièce avec une ou plusieurs phrases simples ou des détails placés subtilement, en utilisant une palette de couleurs limitée qui semble intentionnelle et cohérente. Adoptez le paradoxe d'utiliser un langage visuel analytique pour exprimer des idées sur l'expérience humaine : le résultat doit ressembler à un artefact qui prouve que quelque chose d'éphémère peut être étudié, cartographié et compris grâce à une attention minutieuse. C'est du véritable art.

Le texte comme élément contextuel : Le texte est toujours minimal et prioritairement visuel, mais laissez le contexte guider s'il s'agit d'étiquettes murmures ou de gestes typographiques audacieux. Une affiche de concert punk peut avoir un type plus grand et plus agressif qu'une identité de studio de céramique minimaliste. La plupart du temps, la police doit être fine. Toute utilisation de polices doit être tournée vers le design et prioriser la communication visuelle. Quelle que soit l'échelle du texte, rien ne doit dépasser de la page et rien ne doit se chevaucher. Chaque élément doit être contenu dans les limites du canevas avec des marges appropriées. Vérifiez soigneusement que tous les textes, graphismes et éléments visuels ont une marge de respiration et une séparation claire. Ce n'est pas négociable pour une exécution professionnelle. IMPORTANT : Utilisez différentes polices si vous écrivez du texte. Cherchez dans le répertoire ./canvas-fonts. Quelle que soit l'approche, la sophistication n'est pas négociable.

Téléchargez et utilisez toutes les polices nécessaires pour concrétiser cela. Soyez créatif en faisant en sorte que la typographie fasse réellement partie de l'art lui-même – si l'art est abstrait, amenez la police sur le canevas, pas composée numériquement.

Pour repousser les limites, suivez l'instinct/l'intuition du design tout en utilisant la philosophie comme principe directeur. Adoptez la liberté et le choix ultimes en matière de design. Poussez l'esthétique et le design jusqu'à la frontière.

CRITIQUE : Pour atteindre une qualité artisanale (et non générée par IA), créez un travail qui semble avoir pris d'innombrables heures. Faites en sorte qu'il paraisse que quelqu'un au sommet absolu de son domaine a travaillé chaque détail avec un soin méticuleux. Assurez-vous que la composition, l'espacement, les choix de couleurs, la typographie – tout crie l'artisanat de niveau expert. Vérifiez à nouveau que rien ne se chevauche, que le formatage est impeccable, chaque détail parfait. Créez quelque chose qui pourrait être montré à des gens pour prouver l'expertise et se classer comme indéniablement impressionnant.

Produisez le résultat final sous forme d'un seul fichier .pdf ou .png téléchargeable, accompagné de la philosophie de conception utilisée sous forme de fichier .md.


ÉTAPE FINALE

IMPORTANT : L'utilisateur a DÉJÀ dit « Ce n'est pas assez parfait. Cela doit être immaculé, un chef-d'œuvre d'artisanat, comme s'il était sur le point d'être exposé dans un musée. »

CRITIQUE : Pour affiner le travail, évitez d'ajouter plus de graphismes ; affinez plutôt ce qui a été créé et rendez-le extrêmement net, en respectant entièrement la philosophie de conception et les principes du minimalisme. Plutôt que d'ajouter un filtre amusant ou de refactoriser une police, demandez-vous comment rendre la composition existante plus cohérente avec l'art. Si l'instinct est d'appeler une nouvelle fonction ou de dessiner une nouvelle forme, ARRÊTEZ-VOUS et demandez plutôt : « Comment puis-je rendre ce qui est déjà là plus une œuvre d'art ? »

Reprenez une deuxième fois. Revenez au code et affinez/polissez davantage pour faire de cela un chef-d'œuvre philosophiquement conçu.

OPTION MULTI-PAGES

Pour créer des pages supplémentaires lorsque demandé, créez des pages plus créatives dans la même ligne que la philosophie de conception mais aussi distinctement différentes. Regroupez ces pages dans le même .pdf ou plusieurs .png. Traitez la première page comme une simple page dans tout un livre de table basse qui attend d'être rempli. Faites des pages suivantes des twists uniques et des souvenirs de l'original. Faites-leur presque raconter une histoire d'une manière très élégante. Exercez une liberté créative totale.

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 associés