Wenn Sie schnell ein professionelles Produkt erstellen müssen, kann Ihnen die KI Wochen Arbeit sparen. Sehen Sie, wie ich in ein paar Stunden einen voll funktionsfähigen Link-Hub mit Premium-Design erstellt habe...
Linktree, Carrd, Many.bio, schnelle Tools, die fast jeder nutzt. Für eine Personal Brand oder ein Unternehmen, die global und premium wirken will, reicht das aber nicht.
Ich habe statt Kompromissen die KI genutzt und mir an einem Nachmittag meinen eigenen gebaut:
👉 einen Premium-Link-Hub, minimalistisch, luxuriös und zu 100 % unter meiner Kontrolle.
Das Problem: warum fertige Tools nicht genügen
- Einheitliches Design, null Differenzierung.
- Mangel an Kontrolle → der Brand Value sinkt.
- „Billiger Eindruck“ statt Premium-Positioning.
Executives wissen dabei, dass Glaubwürdigkeit über jeden Lead entscheidet. Die Daten bestätigen es: Von CEOs direkt geteilte Inhalte haben 3× höheres Engagement als Unternehmensprofile.
Der Prozess: 3 Schritte zum eigenen Link-Hub
1. Definition der Designsprache (Metaprompt)
Ich habe damit begonnen, der KI einen Metaprompt zu geben, ein professionelles Briefing auf dem Niveau, als würde ich einen Senior-Designer anheuern.
Das Ergebnis ist nicht gleich ein Design, sondern ein fertiger Prompt, den dann jeder nehmen und für den eigenen Stil nutzen kann (z. B. „in meinem Stil“ oder „im Stil von [Name]“).
ROLE: You are a senior designer/developer tasked with creating UI/UX in the design language of [Your Name] or [In my style].
DESIGN LANGUAGE:
- Style: minimalism, high-end, Apple-inspired. Functionality + visual wow effect.
- Colors: primarily black (#0F0F0F), white (#FFFFFF), gray shades. Accents only subtle neon (cyan #06B6D4, blue #3B82F6, purple #8B5CF6) and light gradients. Never flashy.
- Layout: grid-based, clean blocks, large spacing, lots of whitespace. Clear content hierarchy is essential.
- Typography: modern sans-serif (SF Pro, Inter, Helvetica Neue). Headlines large and bold, body minimalist.
- Tone of voice: direct, clear, professional, global. No fluff, no emojis.
- Icons: simple, outline or minimal flat. Animations and interactivity subtle and functional (hover, micro-animations).
- Photos/3D: always hi-res, lifestyle or product-oriented, never stock.
- Forbidden: chaos, clipart, flashy colors, clutter, childish style.
TASK: Create a design/component/layout that strictly follows this style.
It must feel like a premium product on a global scale, at the level of Apple or Airbnb.
Stay true to this design language and do not slip into “generic web design.”2. Visuelles Moodboard (Metaprompt)
Der nächste Schritt lief wieder über einen Metaprompt. Diesmal habe ich die KI gebeten, mir einen Prompt für Tools wie Midjourney oder Ideogram zu erstellen.
Ziel war nicht, gleich ein Bild zu bekommen, sondern einen fertigen Prompt, den dann jeder in eine visuelle KI einfügen und sich ein eigenes Moodboard mit mehreren Varianten in einem Bild erzeugen kann.
ROLE: You are an expert prompt engineer for AI design tools (Midjourney, Ideogram, Runway).
TASK: Generate a polished, professional prompt for creating a moodboard image with 4 to 6 design variations in one image.
INPUT: The user will describe their desired style, colors, and vibe (e.g., "futuristic red/black style" or "minimalist pastel web design").
OUTPUT: A single ready-to-use prompt for Midjourney/Ideogram.
The prompt must include:
- Style (expanded from user’s input, e.g. minimalist, Apple-inspired, futuristic, brutalist, etc.).
- Colors (exactly as specified + HEX if possible).
- Layout: grid-based, multiple variations side by side in one image.
- Elements: hero section, cards, CTA buttons, typography.
- Mood: premium, high-end, professional.
- Output format: "one image, multiple concepts side by side".
EXAMPLE USER INPUT → "Minimalist black and white style with neon blue accents"
EXAMPLE OUTPUT →
"Create a moodboard with 4 to 6 design variations in one image.
Style: minimalist, premium, Apple-inspired.
Colors: black (#0F0F0F), white (#FFFFFF), neon blue (#3B82F6).
Layout: grid-based, large whitespace, bold typography, clear hierarchy.
Include hero sections, link cards, CTA buttons.
Each variation should show a distinct approach but remain consistent in style.
Output: one single image with multiple design concepts side by side."Das half mir, die Richtung visuell zu definieren, sauber, premium, konsistent.
Für die Erzeugung des Moodboards habe ich Ideogram.ai genutzt, ein Tool, mit dem sich in wenigen Minuten Visuals im Stil von High-End-Minimalismus erstellen lassen, inspiriert von Marken wie Apple. Dadurch konnte ich schnell verschiedene Varianten von Layouts, Farben und Typografie testen, ohne lange in Figma zu skizzieren. Das Ergebnis: saubere, hochwertige Moodboards, die sofort die visuelle Sprache der ganzen Anwendung festlegten und das Projekt um mehrere Schritte voranbrachten.
3. Entwicklung des Prototyps (Metaprompt)
Der letzte Schritt lief wieder über einen Metaprompt. Diesmal habe ich der KI nicht gleich die Aufgabe „schreib mir den Code“ gegeben, sondern sie zuerst instruiert, einen professionellen Prompt für einen Senior-Frontend-Entwickler zu erstellen.
Das Ergebnis war dann ein vollständiger Prompt für eine statische React/Tailwind-Anwendung, bereit zum Import in Lovable.dev, ohne Backend und mit allen Elementen nach meiner Designsprache.
ROLE: You are a senior frontend developer.
TASK: Build a static React/Tailwind app (Lovable.dev ready).
Requirements:
- Hero section: include name, short claim, and a hi-res photo on a dark background (#0F0F0F).
- Link cards: create 4 to 6 cards, each card must contain:
• Icon (outline style)
• Title (H3, bold)
• Short description (max 2 lines, concise)
- CTA button: Neon Blue (#3B82F6) background, white text, 12px radius. Text: "Get Insights".
- Grid layout: clean, minimalist, with large whitespace (64px between sections).
- Typography: Inter font, clear hierarchy (H1: 48 to 64px bold, Body: 16 to 18px regular).
- Hover interactions: subtle scale-up (1.02), border highlight in accent color (cyan/blue/purple).
- Responsiveness: fully mobile-friendly, polished look comparable to Apple’s design standards.
- No backend: static text and links only.
- Code quality: clean, production-ready, structured into reusable components.
- Output: ready-to-import React + Tailwind code for Lovable.dev.Ergebnis: ROI in Zahlen
- Zeitersparnis: 1 Stunde statt Tage bis Wochen Arbeit.
- Finanzielle Ersparnis: Eine individuelle Website würde 1.500 bis 3.000 € kosten. Mich hat es 0 € gekostet.
- Kontrolle: eigene Designsprache, globale Visitenkarte.
Der Punkt: Es geht nicht um Tools, sondern um die Aufgabe
KI ist kein Zauberstab. Wenn Sie ihr einen vagen Prompt geben, wird das Ergebnis durchschnittlich. Wenn Sie ihr ein Briefing auf dem Niveau einer Spitzenagentur geben, bekommen Sie ein Produkt, das normalerweise Tausende Euro kosten würde.
Meinen Link-Hub nutze ich schon, und er funktioniert als digitale Premium-Visitenkarte.
Der Artikel ist ursprünglich auf LinkedIn erschienen. Originalartikel auf LinkedIn
