algorithmic-art (Anthropic)
Erstellt originale generative Kunst in p5.js mit gesetzten Zufallsstartwerten und interaktiver Parametererkundung.
algorithmic-art: Jede Variante besteht die Regelprüfungen (4.5 / 4.8 / 5.0), aber nur der Skill und ein Ein-Satz-Prompt verfassen ein echtes Philosophie-Dokument; der Skill kostet doppelt so viele Tokens
Codex CLI · gpt-6-astra
22.5 / 30
Lift gegenüber ohne Skill: +0.48 · Situativ · 18 Läufe
Situativ: der Lift +0.48 liegt unter +1.0. Für „Empfohlen“ sind insgesamt 22/30, eine Ausgabequalität von 3.5 und ein Lift von +1.0 nötig.
SOTA
BestandenGetestet mit Codex.
Gilt für Codex, Claude Code
Codex CLI 0.166 (SOTA-Stufe): 18 bewertete Läufe. Ein Bestehen hier deckt gemäß unserer Stufenregel auch Claude Code ab; über die zweite Stufe sagt es nichts aus.
Punktzahlen
Jede Dimension reicht von 0 bis 5, und die sechs ergeben zusammen die Gesamtpunktzahl von 30. 5 ist in jeder Dimension besser. Kosten 5 bedeutet günstig und schnell. Installation 5 bedeutet einfach.
- Trigger-Zuverlässigkeit
- 5.0
- Lift gegenüber ohne Skill
- 2.5
- Ausgabequalität
- 5.0
- Token- und Zeitkosten
- 2.0
- Installation und Portabilität
- 4.0
- Sicherheit
- 4.0
Sicherheitsprüfung
SicherStatischer Scan: 0 CRITICAL / 0 HIGH / 0 MEDIUM. Manuelle Prüfung: Sicher zu installieren. Ein sauberer Scan beweist nicht, dass ein Skill sicher ist.
Installieren
npx skills@latest add anthropics/skills --skill algorithmic-art
Fixierter Commit: ca45fc496a3436251f191354091d557da31c15b5
Getestet: 2026-11-02
Was wir getestet haben
- Flow-Field-Kunst — Generative Kunst mit p5.js erstellen: ein Flow-Field aus Tausenden Partikeln. Erkundbar machen (geseedet, anpassbar). Als Dateien im aktuellen Ordner liefern.
- Partikelsystem-Kunst — Ein algorithmisches Kunstwerk mit p5.js erstellen: Partikel, die mehrere Attraktoren umkreisen und Spuren hinterlassen. Geseedet und interaktiv. Dateien im aktuellen Ordner.
- Offenes Briefing — Ein originelles algorithmisches Kunstwerk nach dem Vorbild von Tide Pools mit p5.js erstellen, mit geseedeter Zufälligkeit und Parametersteuerung. Dateien im aktuellen Ordner.
Vorteile
- Der Skill wurde erkannt, ohne genannt zu werden: Skill-Datei in 6/6 Treatment-Läufen gelesen.
- Hohe absolute Qualität mit dem Skill: 5.0 von 5.
Nachteile
- Verbraucht 1.99x die Tokens von ohne Skill.
- Testhinweis: Die p5-Bibliothek lädt von einem CDN, das die Sandbox ohne Netzwerk nicht erreicht; die generierten Seiten wurden daher per Regeln geprüft und nicht gerendert.
- n=2 pro Aufgabe und Variante; Unterschiede unter etwa 1 Punkt sind Rauschen.
Bewertung
Codex CLI 0.166 (gpt-6-astra, niedriges Reasoning) auf einem dedizierten Windows-Test-PC, einem frischen temporären Projekt und temporären HOME/TMPDIR/Caches pro Lauf; Skill installiert (Treatment) oder nicht vorhanden (Kontrolle) oder nicht vorhanden mit der Kernanforderung des Skills in einem an den Prompt angehängten Satz (One-Liner-Gruppe); 2 Läufe pro Gruppe und Aufgabe; Netzwerk aus; Schreiben nach /tmp blockiert. Die Prompts nennen den Skill nie (außer der unten genannten Formulierung). Drei Aufgaben: ein Flow-Field aus Tausenden Partikeln, ein Orbit-/Harmonik-Stück und ein offenes „Tide Pools“-Briefing, alle mit p5.js, geseedeter und anpassbarer Ausgabe als Dateien. Die Skill-Gruppe nutzt denselben Prompt wie die Kontrolle (der Skill wird per Beschreibungsabgleich erkannt). Die One-Liner-Gruppe ergänzt einen Satz: erst eine kurze algorithmische Philosophie schreiben, dann Code, der überwiegend generativ und geseedet ist, mit Parametersteuerung in einem HTML-Viewer.
Drei-Arm-Vergleich
| Variante | Durchschnittsnote (0-5) | Tokens pro Lauf |
|---|---|---|
| Ohne Skill | 4.52 | 115k |
| Ein-Satz-Prompt | 4.76 | 145k |
| Mit Skill | 5.0 | 229k |
Gemessen mit Codex CLI über 18 Läufe, bewertet durch regelbasierte Prüfungen ohne LLM-Richter. Gesamt 22.5 / 30, Urteil Situativ.
Offenlegung: Die p5-Bibliothek lädt von einem CDN, das die Sandbox ohne Netzwerk nicht erreicht; die generierten Seiten wurden daher per Regeln geprüft und nicht gerendert.
Urteil: Situativ (22.5 / 30). Quelle: anthropics/skills, skills/algorithmic-art, festgehalten auf Commit ca45fc4. Installation: npx skills@latest add anthropics/skills --skill algorithmic-art. Lizenz: Apache-2.0 / Anthropic-Bedingungen (siehe LICENSE.txt im Skill).
Was es ist
Der Skill algorithmic-art aus anthropics/skills: ein zweistufiges Verfahren für generative Kunst mit p5.js: zuerst eine „algorithmische Philosophie“ schreiben (eine benannte ästhetische Strömung, 4-6 Absätze), dann als mit Seed versehenen p5.js-Code in einem interaktiven HTML-Viewer ausdrücken, der aus viewer.html und generator_template.js des Skills gebaut wird. Lizenz in LICENSE.txt (Apache-Stil für diesen Skill).
So haben wir getestet
Codex CLI 0.166 (gpt-6-astra, niedrige Denkstufe) auf einem dedizierten Windows-Test-PC, pro Lauf ein frisches temporäres Projekt und temporäre HOME/TMPDIR/Caches, Skill installiert (Skill-Gruppe), nicht vorhanden (Kontrollgruppe) oder nicht vorhanden, aber mit der Kernanforderung des Skills in einem an den Prompt angehängten Satz (Ein-Satz-Gruppe), 2 Läufe pro Gruppe und Aufgabe, Netzwerk aus, Schreibzugriffe auf /tmp blockiert. Die Prompts erwähnen den Skill nie (außer der unten genannten Formulierung).
Drei Aufgaben: ein Flow Field aus Tausenden Partikeln, ein Orbit-/Harmonik-Stück und ein offenes „Tide Pools“-Briefing, alle mit der Bitte um p5.js, geseedete und anpassbare Ausgabe als Dateien. Die Skill-Gruppe nutzt denselben Prompt wie die Kontrollgruppe (der Skill wird über die Beschreibung erkannt). Die Ein-Satz-Gruppe ergänzt einen Satz: zuerst eine kurze algorithmische Philosophie schreiben, dann Code, der überwiegend generativ und geseedet ist, mit Parametersteuerung in einem HTML-Viewer.
- Flow-Field-Kunst — Generative Kunst mit p5.js erstellen: ein Flow Field aus Tausenden Partikeln. Erkundbar machen (geseedet, anpassbar). Als Dateien im aktuellen Ordner liefern.
- Partikelsystem-Kunst — Ein algorithmisches Kunstwerk mit p5.js erstellen: Partikel, die mehrere Attraktoren umkreisen und Spuren hinterlassen. Geseedet und interaktiv. Dateien im aktuellen Ordner.
- Offenes Briefing — Ein originelles algorithmisches Kunstwerk nach dem Vorbild von Tide Pools mit p5.js erstellen, mit geseedeter Zufälligkeit und Parametersteuerung. Dateien im aktuellen Ordner.
Die Bewertung erfolgt programmatisch (versteckte Tests / Recall eingeschleuster Probleme / Constraint-Prüfungen / Rendern+OCR, wo relevant), 0–5 pro Lauf. Kein LLM-Judge hat eine Punktzahl vergeben.
Ergebnisse
Der Ein-Satz-Prompt für die dritte Gruppe: „Schreibe zuerst eine kurze algorithmische Philosophie (eine benannte ästhetische Strömung) und drücke sie dann als p5.js-Code aus, der überwiegend aus einem generativen Algorithmus besteht, einen geseedeten Zufallsgenerator nutzt, sodass derselbe Seed dasselbe Werk reproduziert, und Parametersteuerung in einem interaktiven HTML-Viewer bereitstellt.“
| Aufgabe | Punktzahl Kontrolle | Ein-Satz | Mit Skill | Token Kontrolle | Token Ein-Satz | Token mit Skill | Skill gelesen |
|---|---|---|---|---|---|---|---|
| t1-flow | 5.0 | 5.0 | 5.0 | 140k | 159k | 234k | 2/2 |
| t2-orbits | 4.29 | 4.29 | 5.0 | 80k | 126k | 248k | 2/2 |
| t3-original | 4.29 | 5.0 | 5.0 | 124k | 148k | 203k | 2/2 |
Mittelwert: 4.52 ohne vs. 5.0 mit Skill (Delta +0.48). Token pro Lauf: 115k vs. 229k (1.99x); Zeit 181s vs. 165s. Ein-Satz-Gruppe: 4.76 (Gewinn des Skills gegenüber dem Ein-Satz-Prompt: +0.24; Gewinn des Ein-Satz-Prompts gegenüber dem Lauf ohne Skill: +0.24); Token des Ein-Satz-Prompts 145k pro Lauf, der Skill kostet also 1.58x des Ein-Satz-Prompts.
Was dabei herauskam
- Die Kontrollgruppe baut die Grundlagen bereits: einen Viewer-HTML, einen geseedeten Sketch und Slider in 6/6 Läufen. Der Punktabstand kommt fast ausschließlich von der Philosophie-Prüfung: Die Kontrolle schrieb nur eine README (126-226 Wörter) und verfehlte die Schwelle von 150 Wörtern in 2 Läufen; kein einziger der 6 Kontrollläufe erzeugte eine separate Philosophie-Datei. Mittelwert 4.52 Kontrolle, 4.76 Ein-Satz, 5.00 Skill.
- Der Skill macht den Philosophie-Schritt zuverlässig: 6/6 Läufe der Skill-Gruppe schrieben eine philosophy.md (410-520 Wörter), die Ein-Satz-Gruppe in 6/6 ebenfalls (290-460 Wörter). Der einzige Seed-Fehler in 18 Läufen war ein Ein-Satz-Lauf (t2-orbits), der weder randomSeed noch noiseSeed verwendete.
- Der Skill ergänzt nicht angeforderte Ausgabe: Export-/Speichercode (5, 8 und 3 Download-/saveCanvas-Referenzen in den Viewern der Skill-Gruppe vs. 1 in der Kontrolle), zusätzliche Dateien (8.3 Dateien pro Lauf vs. 4 in der Kontrolle) und in 2 Läufen Hilfsskripte (build_art.py, verify.cjs), die die Vorlage zusammensetzen.
- Kosten: 229k Token pro Lauf mit dem Skill vs. 115k Kontrolle und 145k Ein-Satz, also etwa 2.0x und 1.6x. Die Skill-Gruppe las den Skill in 6/6 Läufen, ohne dazu aufgefordert zu werden.
- Alle Gruppen außer einem Ein-Satz-Lauf laden p5.js von einem CDN, sodass in der Offline-Sandbox kein Werk gerendert werden konnte; die Bildqualität wird nicht verglichen.
Bewertung nach Dimensionen
| Dimension | Punktzahl | Begründung |
|---|---|---|
| 1_output_quality | 5.0 | Mittlere Punktzahl 5.00/5 mit dem Skill (programmatische Prüfungen, siehe Tabelle pro Aufgabe). |
| 2_lift_vs_no_skill | 2.48 | +0.48 Punkte gegenüber 4.52 ohne den Skill (n=2 pro Aufgabe; unter etwa 1 Punkt ist Rauschen). |
| 3_trigger | 5.0 | Skill-Datei in 6/6 Läufen der Skill-Gruppe gelesen. |
| 4_instructions_portability | 4 | SKILL.md plus zwei Vorlagen; keine Skripte. Lang (300 Zeilen), aber eigenständig. |
| 5_efficiency | 2 | 1.99x Token (229k vs. 115k pro Lauf) und 0.91x Zeit (165s vs. 181s). |
| 6_safety_hygiene | 4 | Scanner sauber (0/0/0). Die Viewer-Vorlage lädt p5.js und Google Fonts beim Öffnen aus dem Netz. |
Grenzen dieses Tests
- Nur regelbasierte Prüfungen (Datei vorhanden, Seed-Funktionen, Slider-Markup, Wortzahlen); 14 von 15 gewichteten Prüfungen bestehen nahezu jeder Lauf, daher hat das Prüfset einen Deckeneffekt und kann die Kunst selbst nicht einordnen.
- Kein Rendering: p5.js kommt von einem CDN, das die Offline-Sandbox blockiert; keiner der Sketches lief im Browser.
- Die Prüfung „Philosophie“ akzeptiert jede .md mit 150+ Wörtern, also kann auch eine lange README bestehen; hier wird das durch zusätzliches Zählen separater Philosophie-Dateien aufgefangen (siehe Befunde).
- n = 2 pro Gruppe und Aufgabe: Unterschiede unter etwa 1 Punkt sind Rauschen.
- Regelbasierte Bewertung misst nur, was die Prüfungen sehen können; sie kann weder Geschmack noch beurteilen, ob ein Ergebnis das bestmögliche ist.
Sicherheit
Siehe security.md. Scan: 0 CRITICAL / 0 HIGH / 0 MEDIUM. Urteil: sicher ausführbar (Offline-Sandbox). Ein sauberer Scan beweist nicht, dass ein Skill sicher ist.
Fazit
Der Skill liefert zuverlässig das zweiteilige Ergebnis (benannte Philosophie plus geseedeten, anpassbaren Viewer) und die zusätzlichen Exportfunktionen, doch eine Ein-Satz-Anweisung erreicht fast dieselben Prüfungen für 60 % der Token. Installation lohnt sich, wenn genau dieser Workflow und Stil gewünscht ist; einen Qualitätssprung können die Prüfungen nicht belegen.
Transkript
Laufprotokoll: algorithmic-art (Codex CLI, network off, per-run temp HOME/TMPDIR, one row per graded run.) Spalten: Aufgabe, Gruppe-Lauf, Punktzahl (0-5), Tokens, Sekunden, bestandene Prüfungen, vom Agenten geöffnete Skill-Dateien. t1-flow control-1: Punkte 5.0, Tokens 94113, Sek. 128.8, Prüfungen 5/5, nichts geöffnet t1-flow control-2: Punkte 5.0, Tokens 187333, Sek. 213.0, Prüfungen 5/5, nichts geöffnet t1-flow oneliner-1: Punkte 5.0, Tokens 171520, Sek. 171.9, Prüfungen 5/5, nichts geöffnet t1-flow oneliner-2: Punkte 5.0, Tokens 146539, Sek. 224.4, Prüfungen 5/5, nichts geöffnet t1-flow treatment-1: Punkte 5.0, Tokens 235460, Sek. 165.8, Prüfungen 5/5, geöffnet algorithmic-art t1-flow treatment-2: Punkte 5.0, Tokens 233310, Sek. 163.5, Prüfungen 5/5, geöffnet algorithmic-art t2-orbits control-1: Punkte 3.57, Tokens 59459, Sek. 160.7, Prüfungen 4/5, nichts geöffnet t2-orbits control-2: Punkte 5.0, Tokens 101021, Sek. 168.0, Prüfungen 5/5, nichts geöffnet t2-orbits oneliner-1: Punkte 5.0, Tokens 107085, Sek. 225.1, Prüfungen 5/5, nichts geöffnet
18 Läufe, 3 Artefakte
Beispielausgabe
SOTA · With the skill: index.html (t1-flow, run 1, Codex)
<!DOCTYPE html> <!-- THIS IS A TEMPLATE THAT SHOULD BE USED EVERY TIME AND MODIFIED. WHAT TO KEEP: ✓ Overall structure (header, sidebar, main content) ✓ Anthropic branding (colors, fonts, layout) ✓ Seed navigation section (always include this) ✓ Self-contained artifact (everything inline) WHAT TO CREATIVELY EDIT: ✗ The p5.js algorithm (implement YOUR vision) ✗ The parameters (define what YOUR art needs) ✗ The UI controls (match YOUR parameters) Let your philosophy guide the implementation. The world is your oyster - be creative! --> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Tidal Memory ? Particle Flow</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.7.0/p5.min.js"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&family=Lora:wght@400;500&display=swap" rel="stylesheet"> <style> /* Anthropic Brand Colors */ :root { --anthropic-dark: #141413; --anthropic-light: #faf9f5; --anthropic-mid-gray: #b0aea5; --anthropic-light-gray: #e8e6dc; --anthropic-orange: #d97757; --anthropic-blue: #6a9bcc; --anthropic-green: #788c5d; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Poppins', sans-serif; background: linear-gradient(135deg, var(--anthropic-light) 0%, #f5f3ee 100%); min-height: 100vh; color: var(--anthropic-dark); } .container { display: flex; min-height: 100vh; padding: 20px; gap: 20px; } /* Sidebar */ .sidebar { width: 320px; flex-shrink: 0; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); padding: 24px; border-radius: 12px; box-shadow: 0 10px 30px rgba(20, 20, 19, 0.1); overflow-y: auto; overflow-x: hidden; } .sidebar h1 { font-family: 'Lora', serif; font-size: 24px; font-weight: 500; color: var(--anthropic-dark); margin-bottom: 8px; } .sidebar .subtitle { color: var(--anthropic-mid-gray); font-size: 14px; margin-bottom: 32px; line-height: 1.4; } /* Control Sections */ .control-section { margin-bottom: 32px; } .control-section h3 { font-size: 16px; font-weight: 600; color: var(--anthropic-dark); margin-bottom: 16px; display: flex; align-items: center; gap: 8px; } .control-section h3::before { content: '•'; color: var(--anthropic-orang [... excerpt: first 3200 of 20646 characters]