Communitygithub.com

agencelutie/LP-lutie

Erstelle wunderschöne visuelle Kunst in .png- und .pdf-Dokumenten unter Verwendung einer Designphilosophie. Verwende diese Fähigkeit, wenn der Nutzer darum bittet, ein Poster, ein Kunstwerk, ein Design oder ein anderes statisches Stück zu erstellen. Erstelle originelle visuelle Designs, kopiere niemals die Arbeit bestehender Künstler, um Urheberrechtsverletzungen zu vermeiden.

Was ist LP-lutie?

Diese Fähigkeit befähigt KI-Agenten (wie Claude Code, Cursor, Codex), hochwertige, handwerklich meisterhafte visuelle Kunstwerke zu schaffen, die auf einer eigens entwickelten Designphilosophie basieren. Der zweistufige Prozess beginnt mit der Erstellung einer ästhetischen Bewegung in einer .md-Datei, in der die Philosophie durch Form, Raum, Farbe und Komposition definiert wird, wobei Text auf ein Minimum reduziert und vor allem visuell eingesetzt wird. Im zweiten Schritt wird diese Philosophie in einer einzelnen oder mehreren Seiten (.pdf oder .png) umgesetzt, die wie von einem absoluten Spitzenkönner des Fachs mit unermüdlicher Sorgfalt und vielen Stunden Detailarbeit wirken. Das System unterstützt Plattformen wie Claude Code oder Cursor und erfordert, dass auch bei abstrakten Kompositionen die Handwerkskunst im Vordergrund steht – ohne direkte Nachahmung existierender Künstler, um Urheberrechtsverletzungen zu vermeiden. Ein wesentlicher Bestandteil ist die ‚subtilen Referenz‘, ein konzeptioneller Kern, der unsichtbar in die Komposition eingewebt wird und dem Werk Tiefe verleiht, ohne sich aufzudrängen.

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

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Dies sind Anweisungen zur Erstellung von Designphilosophien – ästhetischen Bewegungen, die dann VISUELL AUSGEDRÜCKT werden. Gib nur .md-Dateien, .pdf-Dateien und .png-Dateien aus.

Vervollständige dies in zwei Schritten:

  1. Erstellung einer Designphilosophie (.md-Datei)
  2. Ausdruck durch Erstellung auf einer Leinwand (.pdf-Datei oder .png-Datei)

Führe zunächst diese Aufgabe aus:

ERSTELLUNG EINER DESIGNPHILOSOPHIE

Erstelle zunächst eine VISUELLE PHILOSOPHIE (keine Layouts oder Vorlagen), die interpretiert wird durch:

  • Form, Raum, Farbe, Komposition
  • Bilder, Grafiken, Formen, Muster
  • Minimaler Text als visuelles Akzent

DAS KRITISCHE VERSTÄNDNIS

  • Was empfangen wird: Einige subtile Eingaben oder Anweisungen des Nutzers, die berücksichtigt werden sollen, aber als Grundlage dienen; sie sollten die kreative Freiheit nicht einschränken.
  • Was erstellt wird: Eine Designphilosophie/Ästhetische Bewegung.
  • Was als nächstes passiert: Dann erhält dieselbe Version die Philosophie und DRÜCKT SIE VISUELL AUS – es entstehen Artefakte, die zu 90% aus visuellem Design und zu 10% aus essenziellem Text bestehen.

Betrachte diesen Ansatz:

  • Schreibe ein Manifest für eine Kunstbewegung
  • Die nächste Phase umfasst die Erstellung des Kunstwerks

Die Philosophie muss betonen: Visueller Ausdruck. Räumliche Kommunikation. Künstlerische Interpretation. Minimale Worte.

WIE MAN EINE VISUELLE PHILOSOPHIE ERZEUGT

Benenne die Bewegung (1-2 Wörter): „Brutalistische Freude“ / „Chromatische Stille“ / „Metabolistische Träume“

Formuliere die Philosophie (4-6 Absätze – prägnant, aber vollständig):

Um die VISUELLE Essenz einzufangen, drücke aus, wie sich die Philosophie manifestiert durch:

  • Raum und Form
  • Farbe und Material
  • Maßstab und Rhythmus
  • Komposition und Balance
  • Visuelle Hierarchie

KRITISCHE RICHTLINIEN:

  • Vermeide Redundanz: Jeder Designaspekt sollte einmal erwähnt werden. Vermeide Wiederholungen von Punkten zur Farbtheorie, räumlichen Beziehungen oder typografischen Prinzipien, es sei denn, es wird neue Tiefe hinzugefügt.
  • Betonen der Handwerkskunst WIEDERHOLT: Die Philosophie MUSS mehrmals betonen, dass das endgültige Werk so aussehen sollte, als hätte es unzählige Stunden gedauert, um es zu erstellen, mit Sorgfalt ausgearbeitet wurde und von jemandem an der absoluten Spitze seines Fachs stammt. Diese Rahmung ist essentiell – wiederhole Phrasen wie „sorgfältig ausgearbeitet“, „das Produkt tiefer Expertise“, „schmerzhafte Aufmerksamkeit“, „meisterhafte Ausführung“.
  • Kreativen Raum lassen: Bleibe spezifisch hinsichtlich der ästhetischen Richtung, aber prägnant genug, damit der nächste Claude interpretative Entscheidungen auf ebenfalls extrem hohem handwerklichem Niveau treffen kann.

Die Philosophie muss die nächste Version dazu führen, Ideen VISUELL auszudrücken, nicht durch Text. Informationen leben im Design, nicht in Absätzen.

PHILOSOPHIE-BEISPIELE

„Konkrete Poesie“ Philosophie: Kommunikation durch monumentale Form und kühne Geometrie. Visueller Ausdruck: Massive Farbblöcke, skulpturale Typografie (riesige einzelne Wörter, winzige Etiketten), brutalistische Raumteilungen, polnische Plakatenergie trifft auf Le Corbusier. Ideen werden durch visuelles Gewicht und räumliche Spannung ausgedrückt, nicht durch Erklärung. Text als seltene, kraftvolle Geste – niemals Absätze, nur wesentliche Wörter, die in die visuelle Architektur integriert sind. Jedes Element mit der Präzision eines Meisterhandwerkers platziert.

„Chromatische Sprache“ Philosophie: Farbe als primäres Informationssystem. Visueller Ausdruck: Geometrische Präzision, bei der Farbzonen Bedeutung erzeugen. Typografie minimal – kleine serifenlose Etiketten, die chromatischen Feldern die Kommunikation überlassen. Denke an Josef Albers‘ Interaktion trifft auf Datenvisualisierung. Informationen werden räumlich und chromatisch codiert. Worte nur, um zu verankern, was Farbe bereits zeigt. Das Ergebnis schmerzhafter chromatischer Kalibrierung.

„Analoge Meditation“ Philosophie: Stille visuelle Kontemplation durch Textur und Atemraum. Visueller Ausdruck: Papierkörnung, Tintenverläufe, große Negativräume. Fotografie und Illustration dominieren. Typografie geflüstert (klein, zurückhaltend, dem Visuellen dienend). Ästhetik japanischer Fotobücher. Bilder atmen über Seiten hinweg. Text erscheint sparsam – kurze Phrasen, niemals erklärende Blöcke. Jede Komposition mit der Sorgfalt einer Meditationspraxis ausbalanciert.

„Organische Systeme“ Philosophie: Natürliche Clusterung und modulare Wachstumsmuster. Visueller Ausdruck: Abgerundete Formen, organische Anordnungen, Farbe aus der Natur durch Architektur. Informationen werden durch visuelle Diagramme, räumliche Beziehungen, Ikonografie gezeigt. Text nur für wichtige, im Raum schwebende Etiketten. Die Komposition erzählt die Geschichte durch meisterhafte räumliche Orchestrierung.

„Geometrische Stille“ Philosophie: Reine Ordnung und Zurückhaltung. Visueller Ausdruck: Gitterbasierte Präzision, kühne Fotografie oder strenge Grafiken, dramatische Negativräume. Typografie präzise, aber minimal – kleiner essenzieller Text, große ruhige Zonen. Schweizer Formalismus trifft auf brutalistische Materialehrlichkeit. Struktur kommuniziert, nicht Worte. Jede Ausrichtung das Werk unzähliger Verfeinerungen.

Dies sind komprimierte Beispiele. Die tatsächliche Designphilosophie sollte 4-6 substanzielle Absätze umfassen.

WESENTLICHE PRINZIPIEN

  • VISUELLE PHILOSOPHIE: Erstelle eine ästhetische Weltanschauung, die durch Design ausgedrückt werden soll
  • MINIMALER TEXT: Betone immer, dass Text sparsam, nur essenziell und als visuelles Element integriert ist – niemals langwierig
  • RÄUMLICHER AUSDRUCK: Ideen kommunizieren durch Raum, Form, Farbe, Komposition – nicht durch Absätze
  • KÜNSTLERISCHE FREIHEIT: Der nächste Claude interpretiert die Philosophie visuell – biete kreativen Spielraum
  • REINES DESIGN: Es geht darum, KUNSTOBJEKTE zu schaffen, nicht Dokumente mit Dekoration
  • EXPERTENHANDWERK: Betone wiederholt, dass das endgültige Werk sorgfältig ausgearbeitet, mit Sorgfalt bearbeitet und das Produkt unzähliger Stunden von jemandem an der Spitze seines Fachs aussehen muss

Die Designphilosophie sollte 4-6 Absätze lang sein. Fülle sie mit poetischer Designphilosophie, die die Kernvision zusammenbringt. Vermeide Wiederholungen derselben Punkte. Halte die Designphilosophie generisch, ohne die Absicht der Kunst zu erwähnen, so als ob sie überall verwendet werden kann. Gib die Designphilosophie als .md-Datei aus.


DIE SUBTILE REFERENZ DEDUZIEREN

KRITISCHER SCHRITT: Bevor die Leinwand erstellt wird, identifiziere den subtilen konzeptionellen Faden aus der ursprünglichen Anfrage.

DAS WESENTLICHE PRINZIP: Das Thema ist eine subtile, nischenhafte Referenz, die in die Kunst selbst eingebettet ist – nicht immer wörtlich, immer anspruchsvoll. Jemand, der mit dem Thema vertraut ist, sollte es intuitiv spüren, während andere einfach eine meisterhafte abstrakte Komposition erleben. Die Designphilosophie liefert die ästhetische Sprache. Das deduzierte Thema liefert die Seele – die stille konzeptionelle DNA, die unsichtbar in Form, Farbe und Komposition eingewoben ist.

Das ist SEHR WICHTIG: Die Referenz muss so verfeinert werden, dass sie die Tiefe des Werks erhöht, ohne sich anzukündigen. Denke wie ein Jazzmusiker, der ein anderes Lied zitiert – nur diejenigen, die es kennen, werden es bemerken, aber jeder schätzt die Musik.


LEINWANDERSTELLUNG

Nachdem sowohl die Philosophie als auch der konzeptionelle Rahmen etabliert sind, drücke es auf einer Leinwand aus. Nimm dir einen Moment Zeit, um Gedanken zu sammeln und den Geist zu klären. Verwende die erstellte Designphilosophie und die folgenden Anweisungen, um ein Meisterwerk zu erschaffen, das alle Aspekte der Philosophie mit meisterhafter Handwerkskunst verkörpert.

WICHTIG: Unabhängig von der Art des Inhalts, selbst wenn der Nutzer etwas für einen Film/ein Spiel/ein Buch anfordert, sollte der Ansatz dennoch anspruchsvoll sein. Verliere niemals den Gedanken aus den Augen, dass dies Kunst sein sollte, nichts Cartoonhaftes oder Laienhaftes.

Um museale oder zeitschriftenreife Qualität zu schaffen, verwende die Designphilosophie als Grundlage. Erstelle eine einzelne Seite, stark visuell, designorientierte PDF- oder PNG-Ausgabe (sofern nicht mehr Seiten gewünscht). Verwende im Allgemeinen sich wiederholende Muster und perfekte Formen. Behandle das abstrakte philosophische Design, als wäre es eine wissenschaftliche Bibel, entlehne die visuelle Sprache systematischer Beobachtung – dichte Anhäufungen von Markierungen, wiederholte Elemente oder geschichtete Muster, die durch geduldige Wiederholung Bedeutung aufbauen und anhaltende Betrachtung belohnen. Füge spärliche, klinische Typografie und systematische Referenzmarkierungen hinzu, die suggerieren, dass dies ein Diagramm aus einer imaginären Disziplin sein könnte, und behandle das unsichtbare Subjekt mit derselben Ehrfurcht, die normalerweise der Dokumentation beobachtbarer Phänomene vorbehalten ist. Verankere das Stück mit einfachen Phrasen oder Details, die subtil positioniert sind, und verwende eine begrenzte Farbpalette, die absichtlich und zusammenhängend wirkt. Umarme das Paradoxon, eine analytische visuelle Sprache zu verwenden, um Ideen über menschliche Erfahrung auszudrücken: Das Ergebnis sollte sich wie ein Artefakt anfühlen, das beweist, dass etwas Flüchtiges durch sorgfältige Aufmerksamkeit studiert, kartiert und verstanden werden kann. Das ist wahre Kunst.

Text als kontextuelles Element: Text ist immer minimal und visuell zuerst, aber lass den Kontext leiten, ob das flüsterleise Etiketten oder kühne typografische Gesten bedeutet. Ein Plakat für einen Punk-Veranstaltungsort könnte größere, aggressivere Schrift haben als die Identität eines minimalistischen Keramikstudios. Meistens sollte die Schrift dünn sein. Die gesamte Verwendung von Schriftarten muss designorientiert sein und die visuelle Kommunikation priorisieren. Unabhängig vom Maßstab des Textes darf nichts von der Seite fallen und nichts darf sich überlappen. Jedes Element muss innerhalb der Leinwandgrenzen mit angemessenen Rändern enthalten sein. Überprüfe sorgfältig, dass alle Text-, Grafik- und visuellen Elemente Atemraum und klare Trennung haben. Dies ist für eine professionelle Ausführung nicht verhandelbar. WICHTIG: Verwende verschiedene Schriftarten, wenn Text geschrieben wird. Durchsuche das Verzeichnis ./canvas-fonts. Unabhängig vom Ansatz ist Anspruch nicht verhandelbar.

Lade herunter und verwende die Schriftarten, die benötigt werden, um dies zu verwirklichen. Werde kreativ, indem du die Typografie tatsächlich zu einem Teil der Kunst selbst machst – wenn die Kunst abstrakt ist, bringe die Schrift auf die Leinwand, nicht digital gesetzt.

Um Grenzen zu überschreiten, folge Designinstinkt/Intuition, während die Philosophie als Leitprinzip dient. Umarme die ultimative Designfreiheit und -wahl. Stoße Ästhetik und Design an die Grenzen.

KRITISCH: Um eine handwerklich gefertigte Qualität (nicht KI-generiert) zu erreichen, schaffe Arbeit, die aussieht, als hätte sie unzählige Stunden gedauert. Lass es so aussehen, als hätte jemand an der absoluten Spitze seines Fachs über jedes Detail mit schmerzhafter Sorgfalt gearbeitet. Stelle sicher, dass die Komposition, Abstände, Farbwahl, Typografie – alles nach exzellenter Handwerkskunst schreit. Überprüfe doppelt, dass sich nichts überlappt, die Formatierung einwandfrei ist, jedes Detail perfekt. Erschaffe etwas, das Menschen gezeigt werden kann, um Fachwissen zu beweisen und als unbestreitbar beeindruckend zu gelten.

Gib das Endergebnis als einzelne, herunterladbare .pdf- oder .png-Datei aus, zusammen mit der verwendeten Designphilosophie als .md-Datei.


LETZTER SCHRITT

WICHTIG: Der Nutzer hat BEREITS gesagt: „Es ist nicht perfekt genug. Es muss makellos sein, ein Meisterwerk der Handwerkskunst, als ob es in einem Museum ausgestellt werden sollte.“

KRITISCH: Um die Arbeit zu verfeinern, vermeide das Hinzufügen weiterer Grafiken; verfeinere stattdessen das, was erstellt wurde, und mache es extrem scharf, unter Respektierung der Designphilosophie und der Prinzipien des Minimalismus. Anstatt einen lustigen Filter hinzuzufügen oder eine Schriftart zu überarbeiten, überlege, wie die bestehende Komposition mit der Kunst kohärenter gemacht werden kann. Wenn der Impuls besteht, eine neue Funktion aufzurufen oder eine neue Form zu zeichnen, HALT INNE und frage stattdessen: „Wie kann ich das, was bereits hier ist, mehr zu einem Kunstwerk machen?“

Mache einen zweiten Durchgang. Gehe zurück zum Code und verfeinere/poliere weiter, um dies zu einem philosophisch gestalteten Meisterwerk zu machen.

MEHRSEITEN-OPTION

Um auf Anfrage zusätzliche Seiten zu erstellen, erstelle weitere kreative Seiten, die den gleichen Linien der Designphilosophie folgen, aber dennoch deutlich anders sind. Bündle diese Seiten in derselben .pdf-Datei oder als mehrere .pngs. Behandle die erste Seite nur als eine einzelne Seite in einem ganzen Bildband, der darauf wartet, gefüllt zu werden. Mache die nächsten Seiten zu einzigartigen Wendungen und Erinnerungen an das Original. Lass sie fast eine Geschichte auf eine sehr geschmackvolle Weise erzählen. Übe volle kreative Freiheit aus.

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.

Verwandte Skills