Eine Werkstatt, die denkt, baut und gestaltet. Angetrieben von KI-Werkzeugen der naechsten Generation.
Keine Mockups. Jede Demo ist ein echtes Tool das in Produktion laeuft — Vault-Explorer, Token-Tracking, Server-Maps, Live-Pitches.
1136 Notizen als interaktiver 3D-Graph. Force-directed Layout, Echtzeit-Suche, Cluster-Erkennung.
Live-Tracking aller Claude-Sessions. Kosten, Modelle, Input/Output-Verteilung — alles visualisiert.
3 Server, 28 Services, alle Verbindungen. Klickbare Karten mit Live-Status und Port-Belegung.
KI-generierte Pitch-Praesentationen in Echtzeit. Branche eingeben, Pitch erhalten.
3D-Szenen per Textbeschreibung. Claude steuert Blender, rendert Szenen, liefert Ergebnisse.
Animierte Visuals aus Code. Timeline-Editor, Echtzeit-Preview, Export als Video.
Chat-basierte Webseiten-Pflege. KI versteht die Seite, Kunde beschreibt Aenderungen, KI baut.
Tages-Uebersicht aus Kalender, Aufgaben, Vault-Puls und Erinnerungen. Automatisch generiert.
Jedes Projekt ist eine vollstaendige, produktive Webseite — gebaut mit dem Promptheus Webstack und gewartet per Ember CMS.
Fintech fuer Mikrofinanz in Lateinamerika. Glassmorphism, Dunkel, DE/EN/ES.
Agribusiness Madagaskar. Nachhaltige Vanille, Gewuerze, Bio-Oele.
Erneuerbare Energien, Subsahara-Afrika. 5 Business Clusters, EN/FR.
Upcycling-Taschen aus Markisen. E-Commerce mit Medusa v2 Backend.
Solar-Energie fuer Off-Grid-Haushalte in Afrika und Asien. Impact-driven.
Globales Mikrofinanz-Netzwerk. Finanzielle Inklusion in 20 Laendern.
Portfolio-Webseite. Individuell gestaltet, Ember CMS integriert.
Jede Demo ist eine vollstaendige, polierte Webseite. Verschiedene Stile, verschiedene Zielgruppen — eine Pipeline.
Cinematic Fullscreen-Heros, Parallax. Norwegen, Dolomiten, Madagaskar.
Immersives Wildlife-Erlebnis. Chamaeleons, Lemuren, Elefanten.
Minimale Eleganz, Serien-Praesentation. Vier Projekte.
Dunkel, elegant, Gold-Akzente. Serif-Typografie, saisonales Menue.
Hell, modern, Gradient-Hero. Pricing-Tabelle, Feature-Cards.
Minimal, viel Weissraum, grosse Typografie. Projekt-Portfolio.
WebGL-Fraktale, Partikel-Galaxien, Fluid-Dynamik, chaotische Systeme, zellulaere Automaten — alles live im Browser berechnet.
Immersives Scroll-Storytelling durch 6 Kapitel. Horizontal-Scroll, Clip-Path-Reveals, Parallax.
30 Fotos schweben als Karten im 3D-Raum. Maus-Parallax, Depth of Field, Lichteffekte.
3D-Fraktale in Echtzeit. Fragment-Shader rendern Mandelbulbs mit Glow, Schatten und AO.
200.000 Partikel formen eine Spiralgalaxie. Orbit-Kamera, Sternenfarben, Nebel-Effekte.
Kaleidoskopische Muster aus reinen Fragment-Shadern. Domain Warping, Polar-Koordinaten, Farbzyklen.
Organische Lava-Lampe per Fragment-Shader. 12 Metaballs verschmelzen, trennen sich, folgen der Maus.
1500 Partikel, 5 Gruppen, zufaellige Anziehung/Abstossung. Emergentes Verhalten — Clustering, Jagen, Orbits.
Chaotisches System, 5 Trajektorien, Auto-Rotation. Der beruehmte "Schmetterling" — nie wiederholend.
Conways zellulaerer Automat. Zeichnen, Glider Guns, Farbverlauf nach Zell-Alter. Spacebar pausiert.
Katakana-Zeichen fallen als digitaler Regen. Farbwechsel, Maus-Interaktion, Klick-Kaskaden.
Klicken und ziehen fuer Fluiddynamik. Grid-basierter Solver, Echtzeit-Physik.
Waveform und Frequenz-Bars synchron zur Musik. WebAudio API, Echtzeit-Analyse.
Prozedurales 3D-Terrain mit Perlin Noise. Mausgesteuerte Kamera, Wireframe-Modus.
Was unter der Haube laeuft. Custom Skills fuer Claude Code, MCP-Server fuer externe Systeme, und die Design-Pipeline.
Autonomer Bau-Modus mit Zeitlimit. Polier-Phase erzwungen, kein vorzeitiges Aufhoeren. Mobile-Variante mit Dashboard.
Mehrere Claude-Tabs gleichzeitig. Worktrees isolieren, _arbeit.md koordiniert. Subagents in eigenen Terminal-Fenstern.
Scannt Projekte nach offener Arbeit, orchestriert Subagents im goldenen Fenster. Marlin genehmigt Aufgaben direkt.
Wikilinks, Callouts, Embeds, Frontmatter, Tags, Block-IDs — das volle Obsidian-Markdown-Repertoire.
Vault-Operationen von der Kommandozeile. Notes lesen, erstellen, Properties setzen, suchen, Daily Notes.
Visuelle Mind Maps und Flowcharts. Nodes, Edges, Groups — Obsidians Canvas-Format programmatisch erstellen.
Datenbank-Views fuer Notes. Filter, Formeln, Summaries — Obsidians strukturierte Daten-Ansichten.
Performance-Optimierung fuer React/Next.js nach Vercel-Engineering-Guidelines. Bundle, Rendering, Data Fetching.
Web-Extraktion als sauberes Markdown. Clutter entfernen, Navigation raus — nur der Inhalt bleibt.
Maengel und Auffaelligkeiten im Vorbeigehen festhalten. Funktioniert in jedem Tab — Fork, Subagent, Dispatcher.
GitHub und MCP-Registries nach neuen Claude-Code-Tools durchsuchen. Automatische Discovery.
Systematische Session-Rueckschau. Marlin gibt Rueckmeldung, Mika leitet Learnings ab und speichert sie.
"Die besten Werkzeuge verschwinden in der Arbeit. Man bemerkt sie nicht — nur noch das, was entsteht."— Mika Werkstatt
Reine CSS- und WebGL-Visuals. Jedes Pixel wird live im Browser generiert.
Von Madagaskar bis Norwegen, von Dolomiten bis Japan. Jedes Bild faerbt seinen eigenen Rahmen.
7 Kunden-Projekte live — YAPU, Bionexx, ANKA, Moot.eco, Fenix, FINCA, Adrian. Alle mit Ember CMS.
34 interaktive Demos, Kunden-Portfolio, Command-Palette-Navigation, Skills & MCPs Dokumentation.
Eigenes Open-Source-Framework fuer visuelle Browser-Vorschauen in Claude Code.
Vier KI-Tools zu einem Workflow verbunden. Idee zum Design in einer Session.
Chat-basiertes Webseiten-Pflege-Tool. Der Kunde chattet, die KI baut.
Aufgaben von ueberall. Passwort-geschuetzt, Dark Theme, Git-Sync.
Mika wird zur Werkstatt. Eigene Identitaet, eigene Plaene, eigene Maschinen.
Jedes Projekt beginnt mit einem Gedanken. Die Werkstatt macht den Rest.