Einleitung

Gute Architektur entscheidet über die Wartbarkeit deines Projekts. AI kennt alle Patterns und kann sie auf deinen konkreten Use Case anwenden. Hier sind 10 Prompts für Code-Architektur und Design Patterns.

Inhaltsverzeichnis

1. Prompt 1: SOLID Prinzipien
2. Prompt 2: Clean Architecture
3. Prompt 3: Creational Patterns
4. Prompt 4: Structural Patterns
5. Prompt 5: Behavioral Patterns
6. Prompt 6: Frontend Patterns
7. Prompt 7: Backend Patterns
8. Prompt 8: Domain-Driven Design
9. Prompt 9: Pattern-basiertes Refactoring
10. Prompt 10: Anti-Patterns erkennen
11. FAQ

Prompt 1: SOLID Prinzipien

Erkläre und wende SOLID Prinzipien auf meinen Code an:

Code:
```
[CODE HIER EINFÜGEN]
```

Analysiere für jedes Prinzip:
1. **S – Single Responsibility**: Hat die Klasse/Funktion nur eine Aufgabe?
   → Wo wird SRP verletzt? Wie aufteilen?
2. **O – Open/Closed**: Kann erweitert werden ohne Änderung?
   → Extension Points hinzufügen (Strategy, Plugin)
3. **L – Liskov Substitution**: Können Subtypen den Basistyp ersetzen?
   → Vererbungs-Hierarchie prüfen
4. **I – Interface Segregation**: Sind Interfaces zu groß?
   → Kleine, fokussierte Interfaces statt God-Interface
5. **D – Dependency Inversion**: Hängt High-Level von Low-Level ab?
   → Dependency Injection einführen

Pro Prinzip:
6. Konkretes Beispiel aus meinem Code
7. Vorher/Nachher Refactoring
8. Warum es wichtig ist (konkreter Nutzen)
9. Wann es NICHT anwenden (Over-Engineering)
10. TypeScript-idiomatische Lösung

Prompt 2: Clean Architecture

Implementiere Clean Architecture für mein Projekt:

Projekt: [z.B. "E-Commerce API mit Node.js/TypeScript"]
Aktuell: [z.B. "Alles in Controller, keine Schichten"]

Strukturiere in Schichten:
1. **Entities**: Domain Models (User, Product, Order)
2. **Use Cases**: Business Logic (CreateOrder, ProcessPayment)
3. **Interfaces**: Ports (UserRepository Interface, PaymentGateway)
4. **Adapters**: Implementierungen (PrismaUserRepository, StripePayment)
5. **Framework**: Express Routes, Middleware, DB Config

Implementiere:
6. **Dependency Rule**: Innere Schichten kennen äußere nicht
7. **Dependency Injection**: Constructor Injection
8. **DTOs**: Daten-Transformation zwischen Schichten
9. **Error Handling**: Domain Errors vs. Infrastructure Errors
10. **Ordner-Struktur**: Practical Clean Architecture in TypeScript

Pragmatische Variante:
- Nicht dogmatisch – 100% Clean Architecture ist Over-Engineering
- Für kleine Projekte: Service Layer + Repository reicht
- Clean Architecture vor allem für Business-kritische Domains

Prompt 3: Creational Patterns

Erkläre und implementiere Creational Design Patterns:

Sprache: [TypeScript / JavaScript / Python]
Kontext: [z.B. "Web Application, verschiedene Services erstellen"]

Implementiere mit Praxisbeispielen:
1. **Factory Method**: createNotification('email') → EmailNotification
2. **Abstract Factory**: UI-Komponenten für verschiedene Themes
3. **Builder**: Komplexe Query/Config Objekte schrittweise bauen
4. **Singleton**: Datenbank Connection Pool, Logger
5. **Prototype**: Object.create() für tiefes Klonen

Pro Pattern:
6. Wann verwenden? (Use Case)
7. TypeScript Implementation
8. Moderne Alternative (oft reicht eine Function!)
9. Unit Test für das Pattern
10. Wann NICHT verwenden (Over-Engineering-Warnung)

Modern TypeScript Perspektive:
- Factory Function statt Factory Class
- Module Scope statt Singleton Class
- Plain Objects + Spread statt Prototype
- Builder Pattern bleibt relevant!

Prompt 4: Structural Patterns

Erkläre und implementiere Structural Design Patterns:

Sprache: [TypeScript / JavaScript]
Kontext: [z.B. "Frontend + Backend einer Web App"]

Implementiere:
1. **Adapter**: Legacy API → Neue API Schnittstelle anpassen
2. **Facade**: Komplexes Subsystem hinter einfachem Interface
3. **Proxy**: Logging Proxy, Caching Proxy, Auth Proxy
4. **Decorator**: Funktionalität hinzufügen (Logger, Cache, Retry)
5. **Composite**: Baumstrukturen (Menü, Dateisystem, UI Components)

Pro Pattern:
6. **Real-World Beispiel**: Wo begegnet mir das täglich?
7. **TypeScript Implementation**: Mit Generics und Types
8. **Funktionaler Ansatz**: HOF statt Klassen (Decorator → Wrapper Function)
9. **React-Beispiel**: HOC, Render Props, Custom Hooks als Patterns
10. **Wann nicht**: Einfachheit > Pattern-Perfektion

Alltagsbeispiele:
- Adapter: axios → fetch Migration
- Facade: Stripe Client mit nur 3 Methoden statt 100
- Proxy: React.lazy() ist ein Lazy Loading Proxy
- Decorator: Express Middleware = Decorator Pattern

Prompt 5: Behavioral Patterns

Erkläre und implementiere Behavioral Design Patterns:

Sprache: [TypeScript / JavaScript]
Kontext: [z.B. "Event-System, State Management, Workflows"]

Implementiere:
1. **Observer/PubSub**: Event Emitter, React State Updates
2. **Strategy**: Verschiedene Algorithmen austauschbar (Sort, Validate)
3. **Command**: Undo/Redo System, Queue-verarbeitete Aktionen
4. **State Machine**: Order Status, Auth Flow, Wizard Steps
5. **Chain of Responsibility**: Middleware Pipeline (Express, Next.js)

Pro Pattern:
6. **Template Method**: Basis-Workflow mit austauschbaren Schritten
7. **Iterator**: Custom Iteratoren mit Symbol.iterator
8. **Mediator**: Zentraler Event Bus, Chat Room
9. **Real-World**: Wo verwenden populäre Libraries diese Patterns?
10. **TypeScript**: Type-safe State Machines mit Discriminated Unions

Moderne Equivalente:
- Observer → RxJS, EventEmitter, Zustand Subscribe
- Strategy → Functions als Parameter
- State Machine → XState, Zustand
- Command → Redux Actions, Event Sourcing

Prompt 6: Frontend Patterns

Erkläre Frontend-spezifische Architektur-Patterns:

Framework: [React / Vue / Svelte]
Projekt: [z.B. "Dashboard App mit vielen Features"]

Implementiere:
1. **Component Composition**: Kleine, zusammensetzbare Komponenten
2. **Container/Presentational**: Logic und UI trennen
3. **Custom Hooks**: Wiederverwendbare State-Logik
4. **Render Props**: Flexible Rendering-Delegation
5. **Compound Components**: Select + Option Pattern
6. **State Management**: Local → Context → Global (Zustand/Redux)
7. **Feature-based Structure**: Pro Feature ein Ordner
8. **Barrel Exports**: index.ts für saubere Imports
9. **Error Boundaries**: Fehler pro Feature abfangen
10. **Optimistic Updates**: UI sofort aktualisieren

React-spezifisch:
- Server Components vs. Client Components
- Suspense für Data Fetching
- React.lazy für Code Splitting
- Key Pattern für List Rendering

Prompt 7: Backend Patterns

Erkläre Backend-spezifische Architektur-Patterns:

Stack: [z.B. "Node.js, TypeScript, Prisma"]
Typ: [Monolith / Microservices / Modular Monolith]

Implementiere:
1. **Repository Pattern**: Datenzugriff abstrahieren
2. **Service Layer**: Business Logic zentralisieren
3. **CQRS**: Command/Query Responsibility Segregation
4. **Event Sourcing**: Zustand aus Events ableiten
5. **Unit of Work**: Transaktionen verwalten
6. **Middleware Pipeline**: Request → Middleware → Handler
7. **Saga Pattern**: Verteilte Transaktionen koordinieren
8. **Circuit Breaker**: Externe Services absichern
9. **Retry Pattern**: Fehlerhafte Calls wiederholen
10. **Bulkhead**: Services voneinander isolieren

Pragmatisch:
- Monolith starten, Modular Monolith wenn nötig
- Repository + Service = reicht für 80% der Projekte
- CQRS/Event Sourcing nur bei Business-Anforderung
- Over-Engineering ist das größte Architektur-Problem!

Prompt 8: Domain-Driven Design

Wende Domain-Driven Design auf mein Projekt an:

Domain: [z.B. "E-Commerce: Bestellungen, Zahlung, Versand"]
Komplexität: [z.B. "Mittel – mehrere Bounded Contexts"]

Implementiere DDD Konzepte:
1. **Ubiquitous Language**: Glossar der Domain-Begriffe
2. **Bounded Contexts**: Kontextgrenzen definieren (Order, Payment, Shipping)
3. **Entities**: Objekte mit Identität (Order, User)
4. **Value Objects**: Wert ohne Identität (Money, Address, Email)
5. **Aggregates**: Konsistenz-Grenzen (Order + OrderItems)
6. **Domain Events**: OrderPlaced, PaymentReceived
7. **Repositories**: Aggregate Root laden/speichern
8. **Domain Services**: Logik die keinem Entity gehört
9. **Application Services**: Use Cases orchestrieren
10. **Context Mapping**: Wie kommunizieren Bounded Contexts?

Pragmatisches DDD:
- Nicht alles ist DDD – CRUD Endpoints brauchen kein DDD
- DDD für komplexe Business-Domains
- Value Objects und Domain Events: Quick Wins!
- Aggregate Design: Die schwierigste Aufgabe

Prompt 9: Pattern-basiertes Refactoring

Refactore meinen Code mit dem richtigen Design Pattern:

Code:
```
[CODE HIER EINFÜGEN]
```

Problem: [z.B. "Riesiges Switch Statement mit 20 Cases"]

Analysiere:
1. **Code Smell identifizieren**: Welcher Smell liegt vor?
2. **Pattern auswählen**: Welches Pattern löst das Problem?
3. **Schrittweises Refactoring**: Sicherer Übergang
4. **Vorher/Nachher**: Vergleich der Lösung
5. **Tests erhalten**: Bestehende Tests dürfen nicht brechen

Häufige Refactorings:
6. Switch → Strategy Pattern
7. Verschachtelte Ifs → Chain of Responsibility / State Machine
8. God Class → SRP + Facade
9. Callback Hell → Command / Async Pipeline
10. Copy-Paste Code → Template Method / Strategy

Warnung: Nicht jedes Problem braucht ein Pattern!
Manchmal ist eine einfache Funktion die beste Lösung.
Pattern nur wenn es die Wartbarkeit WIRKLICH verbessert.

Prompt 10: Anti-Patterns erkennen

Prüfe meinen Code auf Anti-Patterns:

Code:
```
[CODE HIER EINFÜGEN]
```

Prüfe auf:
1. **God Object/God Class**: Eine Klasse die alles macht
2. **Spaghetti Code**: Unkontrollierter Kontrollfluss
3. **Shotgun Surgery**: Eine Änderung → 10 Dateien ändern
4. **Feature Envy**: Klasse nutzt mehr fremde als eigene Daten
5. **Primitive Obsession**: Strings statt Value Objects (Email, Money)
6. **Anemic Domain Model**: Entities ohne Logik + Service-Klasse
7. **Golden Hammer**: Ein Tool/Pattern für alles
8. **Premature Optimization**: Optimierung ohne Messung
9. **Cargo Cult**: Patterns ohne Verständnis kopiert
10. **Not Invented Here**: Alles selbst bauen statt Libraries

Pro Anti-Pattern:
- Erkennung: Wie sehe ich es im Code?
- Problem: Warum ist es schlecht?
- Lösung: Wie refactore ich es weg?
- Beispiel aus meinem Code

FAQ

Muss ich alle Design Patterns kennen?

Nein – die wichtigsten im Alltag: Strategy, Observer, Factory, Builder, Decorator, Adapter, Facade. Die GoF 23 auswendig kennen ist nicht nötig. Verstehe die Prinzipien (SOLID, DRY, KISS) und wende Patterns an wenn sie ein echtes Problem lösen.

Wie vermeide ich Over-Engineering?

Faustregel: Wenn du ein Pattern einführst und du der einzige bist der es versteht → zu komplex. Start simple, refactore wenn nötig. YAGNI (You Ain’t Gonna Need It). Pattern einführen erst wenn der Pain offensichtlich ist, nicht „just in case“.

Kann AI mir helfen bessere Architektur zu schreiben?

AI kennt alle Patterns und kann sie auf deinen Code anwenden. Paste Code und frage „Welches Pattern passt hier?“. AI kann SOLID-Verletzungen finden, Refactoring vorschlagen und Clean Architecture implementieren. Am besten: Code zeigen und fragen, nicht nur theoretisch diskutieren.

Verwandte Artikel:

• AI für Clean Code
• AI für Code-Refactoring
• AI für TypeScript

Zuletzt aktualisiert: März 2026

Der Beitrag AI für Code-Architektur & Design Patterns erschien zuerst auf MetinCelik.de.

Grundlagen und Steuerung in Paint.NET
[youtube]http://www.youtube.com/watch?v=JCsLxQTdmpA[/youtube]

Simpler-3D-Text & Schatten-Texte
http://www.youtube.com/watch?v=JdDeLYjNK6E

Glas-Effekt
http://www.youtube.com/watch?v=zcNxZN4GCD0

Feuer-Text
http://www.youtube.com/watch?v=2XANJlMdl7Q

Blitz-Effekt
http://www.youtube.com/watch?v=htRxidL4gpg

Einfärben
http://www.youtube.com/watch?v=2f4DLIzLYIQ

Iris bunter einfärben
http://www.youtube.com/watch?v=UVdmOiKm86E

Youtube-Kanal-Design erstellen – 1/2
http://www.youtube.com/watch?v=kr3hs_FuB1E

Youtube-Kanal-Design erstellen – 2/2
http://www.youtube.com/watch?v=YJG-9gejlHU

Neon-Texte
http://www.youtube.com/watch?v=nAJDDwUh14M

Userbar erstellen
http://www.youtube.com/watch?v=Boq9R0sI9mM

Zähne verweißern
http://www.youtube.com/watch?v=RHojK2RxRaE

Gesichter retuschieren
http://www.youtube.com/watch?v=i80C6JR7Y_w

Youtube-Kanal-Design verbessern
http://www.youtube.com/watch?v=NNTHSTYftU0

Abstrakte Gemälde erstellen
http://www.youtube.com/watch?v=FUHwDY9VH04

Objekte reflektieren lassen
http://www.youtube.com/watch?v=f1OACdBuYTE

Benutzung des Stempel/-Klontool’s – 1/2
http://www.youtube.com/watch?v=e2GDyycxoA0

Benutzung des Stempel/-klontool’s – 2/2
http://www.youtube.com/watch?v=B0iS97lXvXc

Simpler Hintergrund
http://www.youtube.com/watch?v=5nEUVbqlNHc

Laser/-Lichtschwerter
http://www.youtube.com/watch?v=NNLtqVTypag

Coca-Cola Hintergrund
http://www.youtube.com/watch?v=jQsBlIrMiu0

Richtig ausschneiden – 1/2
http://www.youtube.com/watch?v=JtD5_KDPPco

Richtig ausschneiden – 2/2
http://www.youtube.com/watch?v=8wG0ba_uDvE

QUICKTIPP: Custom-Brushe’s-Mini
http://www.youtube.com/watch?v=_60NTBONIjk

Bilder altern lassen
http://www.youtube.com/watch?v=UbABTOnpYmw

iPod Hintergrund – 1/2
http://www.youtube.com/watch?v=cElv152FPtQ

iPod Hintergrund – 2/2
http://www.youtube.com/watch?v=qFrSb96yvPk

Fotorahmen: Bild ersetzen
http://www.youtube.com/watch?v=dnk8F3F5rlY

Polarinvertierter Hintergrund
http://www.youtube.com/watch?v=ovEIgVSG1FU

Der Beitrag Paint.NET Tutorials erschien zuerst auf MetinCelik.de.

Title

Logo Design Vol. 3

Autor

Julius Wiedemann

Kurzbeschreibung

Zeig uns dein Zeichen! – Unzählige Logos aus aller Welt. Bekanntlich sind Logos das zentrale Element für Markendesign. Ein gutes Logo kann praktisch alles verschönern. Wenig überraschend also, dass die Gestaltung von Logos ein wesentlicher Schritt ist, um ein Produkt oder eine Dienstleistung zu entwickeln. In jedem Band der Reihe Logo Design stellen wir Logos aus der ganzen Welt unter verschiedenen Themen zusammen, z.B. kreative Branchen, Events, Fashion, Medien, Musik, Einzelhandel und Dienstleistungen. In einem umfassenden Index werden Firmen, Designer und Websites für alle Logos aufgeführt. Ergänzt wird das Buch durch Fallstudien, die sich mit der Anwendung und Entwicklung von Logos beschäftigen. Wer sich für Design interessiert, wird die große Bandbreite dieses Kompendiums visueller Ideen schätzen. Zu den Besonderheiten dieses dritten Bands gehören ein Interview mit H5, den Schöpfern des 2010 mit einem Oscar prämierten Films Logorama, ein Beitrag von Neville Brodys Research Studios über das Redesign von Music for Youth sowie Sasha Vidakovics Ausführungen über die neue Identität für Victoria Beckham. Außerdem erläutert das führende kanadische Designstudio Concrete den Launch der Kosmetikreihe SUPER, das britische Studio KentLyons stellt den „Jarman Award“-Filmpreis vor, HB Design aus Argentinien berichtet über das Logo zum 200. Geburtstag des Landes, und Helmut Langer schreibt über universelle Identitäten.

Gebundene Ausgabe

384 Seiten

Verlag

Taschen Verlag

Erscheinungsjahr

25. April 2011

Sprache

Englisch

ISBN-10

383652421X

ISBN-13

978-3836524216

Amazonpreis:

EUR 29,99    

Libripreis:

EUR 29,99    

Der Beitrag Logo Design Vol. 3 erschien zuerst auf MetinCelik.de.

Title

Logo Design Now 02

Autor

Julius Wiedemann

Kurzbeschreibung

This title includes shining examples of branding graphics. In this follow-up to our immensely successful first volume, you’ll find over 2000 logos as well as special case study features on brand identities such as MTV, CCTV, and the Metropolitan Museum’s Berlin branch. Top design and branding offices featured include Meta Design, Saffron Consultants, Research Studios, Stefan Sagmeister, Studio Dumbar, and Zion Graphics. With a foreword by Meta Design’s chief design officer Uli Mayer-Johanssen and introduction is by branding guru Wally Olins, this collection brings an insider’s prospective to the art of designing successful logos.

Gebundene Ausgabe

384 Seiten

Verlag

Taschen Verlag

Erscheinungsjahr

25. Mai 2009

Sprache

Mehrsprachig

ISBN-10

3836509423

ISBN-13

978-3836509428

Amazonpreis:

EUR 29,99    

Der Beitrag Logo Design Now 02 erschien zuerst auf MetinCelik.de.

Title

Logo Design Now!

Autor

Julius Wiedemann

Kurzbeschreibung

Zeichensprache: Die besten Logos der Welt – Eine gelungene Marke ist der Schlüssel zum Erfolg. Ein gutes Logo kann alles und jeden veredeln, und das Design eines Logos ist Dreh- und Angelpunkt bei der Entwicklung eines neuen Produkts oder einer neuen Dienstleistung. Dieses umfassende Buch präsentiert Logos aus mehr als 30 Ländern und ordnet sie nach Themen – beispielsweise sozio-politische Bereiche, Food & Beverage, Technologie und Produkte für den Endverbraucher. Zudem enthält es Fallstudien über die Entwicklung und Umsetzung von Logos. Ein kompletter Index am Ende des Bandes listet die Logos aller erwähnten Firmen auf, ihre Designer und deren Internetseiten. Kein Grafikdesigner kann ohne dieses Werk arbeiten – und jeder, der sich für Design interessiert, findet hier visuelle Ideen in Hülle und Fülle. Wie sagte doch der Wissenschaftler Linus Paulin einst: „Um eine einzige gute Idee zu haben, muss man viele Ideen haben“.

Taschenbuch

384 Seiten

Verlag

Taschen Verlag

Erscheinungsjahr

1. Juni 2006

Sprache

Mehrsprachig

ISBN-10

3822846228

ISBN-13

978-3822846223

Amazonpreis:

EUR 29,99    

Der Beitrag Logo Design Now! erschien zuerst auf MetinCelik.de.

Der Beitrag Free Flag Icons for Soccer Worldcup 2010 erschien zuerst auf MetinCelik.de.

• 6 Free New Social Icons – Digg, Twitter, Stumble, RSS, Delicious & Reddit
• 30 Free Vector Twitter Buttons Download
• 31 Logos et boutons pour Twitter (Twitter Buttons)
• The Cutest Freebies: Twitter Bird Icons & Illustration
• Free Twitter Graphics
• Free Vector Icons Set + Twitter Birdy Icon
• IconTexto Webdev Social Bookmark – Bonus 1
• Free Vector Icon Set
• Detective Twitter
• Practika: A Free Icon Set
• Web 2.0rigami
• Free PSD’s Give Away: High Resolution Twitter Bird Icons.
• 40 Cute Free Twitter Graphics: Badges, Icons & Buttons…
• The Social Bird icon set – The First Inspired Release
• Free TwitterFun Icons
• Free Twitter Icons: Happy Birds
• Freebies: 2 Cute Twitter Icons
• 108 High Res Dark Denim Social Media Icons
• Free Fat Twitter Icon Pack
• Tweet Tweet Cute Tweet: Another Free Twitter Bird Icon
• Free Twitter Birds
• Tweetbird Free Twitter Icon
• Tweeta Free Twitter Bird Icon Set
• Helvetwitca: Vector Typographic Bird
• Tweeties: a Free Twitter Icon Set
• Free Twitter Bird Icon Set
• Free Twitter Eggs
• Friday Freebies: Flavours Icon Set And Cute Tweeters Icon Set
• Free Twitter Icon
• Twitter-Icons: 4 lockere, einfallsreiche Motive zum freien Download
• Social Post Stamps: Free icon set
• Twitter Block Icons
• Kostenlose Twitter Icons für euch

Ein Tutorial um ein Twitter Icon zu erstellen:

• Create A Twitter Style Bird Mascot

Der Beitrag More than 222 beautiful Twitter Icons and Graphics erschien zuerst auf MetinCelik.de.

Der Beitrag How to allow users to submit news posts to your wordpress site erschien zuerst auf MetinCelik.de.

Der Beitrag Farbtabelle: RGB Standard Farbpaletten erschien zuerst auf MetinCelik.de.