Guide · Workflows & Automation
Content-Dashboard mit Claude bauen
Claude-Code-Tutorial: eigenes Dashboard für Zahlen und Redaktionsplan.
- 4
- Module
- 4
- Prompts
0 EUR
Kosten Ohne Dashboard
Content-Chaos. Kein Ueberblick. Posts vergessen.
Konkurrenz manuell checken. Ideen gehen verloren.
Mit Dashboard Alle Posts geplant. Kalender im Blick. Konkurrenz automatisch getrackt. News kommen zu dir.
Schluss mit dem Content-Chaos.
Mit Claude erstellst du dein persoenliches Dashboard fuer maximale Uebersicht und entspanntes Arbeiten.
Posts planen, Konkurrenz tracken, News sammeln — alles an einem Ort.
STEP 00 · SETUP
Loslegen mit dem Master Prompt
Starte Claude Code, oeffne einen frischen Chat und schick genau diesen Prompt ab.
Du baust ein Content Management Dashboard.
Nutze Next.js, Tailwind CSS und shadcn/ui.
Setze das Projekt mit diesen Sektionen auf:
Instagram Manager, Analytics, Content Kalender, Competitor Tracker, News Consolidator Nutze global ein dark theme. Erstelle Platzhalter-Seiten mit einer gemeinsamen Sidebar.
Wenn fertig, erstelle eine CLAUDE.md die den Tech Stack, die Ordnerstruktur und Component Conventions dokumentiert.
Was Claude dann baut Komplettes Next.js-Projekt mit dark UI, gemeinsamer Sidebar, allen 5 Platzhalter-Seiten und einer CLAUDE.md als Dokumentation. Fertige Basis fuer alle weiteren Schritte.
TECH STACK:
Next.js Tailwind CSS
shadcn/ui
CLAUDE.md Dark Theme
STEP 01 + 02
Instagram Manager & Kalender Seite
Die ersten zwei Module deines Dashboards.
STEP 01 — INSTAGRAM POSTS VERWALTEN
Bau den Instagram Content Manager mit allem was du fuer planbares Posten brauchst.
Bau mir ein Instagram Content Management Dashboard.
Zeig geplante Posts, Entwerfe, veroeffentlichten Content und ein Backlog.
Inkludiere die Moeglichkeit neue Post-Ideen hinzuzufuegen mit Captions, Post-Typen, Status und geplanten Daten.
Nutze ein dark UI mit einem cleanen card-based Layout.
WAS DU BAUST:
Geplante Posts Drafts
Backlog
Captions Scheduling
STEP 02 — KALENDER SEITE
Bau einen Content Kalender damit du alles auf einen Blick hast und nichts mehr verpasst.
Bau eine Content Kalender Seite die geplante Posts und bereits gepostete Inhalte in einer Monatsansicht zeigt.
Jeder Tag soll mehrere Content Items enthalten, dargestellt als farbige Chips.
Mit Filtern nach Plattform (Instagram, YouTube etc.) und einem dark UI.
WAS DU BAUST:
Monatsansicht Multi Platform
Farbige Chips
Filter Drag & Drop
STEP 03 + 04
Competitor Tracker & News Consolidator
Die letzten zwei Module — dein Wettbewerbs- und Ideen-Feed.
STEP 03 — COMPETITOR TRACKER
Verfolge automatisch was deine Konkurrenz postet und wo sie waechst.
Erstelle ein Competitor Tracker Dashboard.
Lass mich Competitor Handles und Channels hinzufuegen.
Zeig ihre letzten Posts, Engagement, Posting-Frequenz und Wachstumstrends.
Tracke ueber mehrere Social Accounts.
Zieh oeffentlich verfuegbare Daten in eine sortierbare Tabelle mit dark theme.
WAS DU BAUST:
Letzte Posts Engagement
Frequenz
Wachstumstrends Sortierbar
STEP 04 — NEWS CONSOLIDATOR
Zieh die neuesten KI-News rein damit dir keine Content-Idee mehr entgeht.
Bau einen News Consolidator der die neuesten [NISCHE] News aus RSS Feeds aggregiert und in einer cleanen Feed UI darstellt.
Zeig Headline, Quelle, Datum und eine kurze Zusammenfassung.
Add Filter nach Topic (Tools, Research, Business) und ein dark card Layout.
WAS DU BAUST:
RSS Feeds Headlines
Topic Filter
Summaries Live Updates
TIPPS & BEST PRACTICES
So bekommst du die besten Ergebnisse
Diese Regeln helfen dir Fehler zu vermeiden und Zeit zu sparen.
Immer CLAUDE.md lesen lassen
Schick Claude am Anfang jeder neuen Session: 'Lies die CLAUDE.md und mach dann weiter.' So kennt es immer den Kontext.
Ein Modul nach dem anderen
Baue jeden Schritt einzeln fertig bevor du zum naechsten gehst. Nicht alle 4 Prompts auf einmal schicken.
Screenshot bei Problemen
Wenn etwas nicht stimmt, mach einen Screenshot und schick ihn Claude. Es kann visuelle Fehler direkt erkennen und fixen.
Dark Theme von Anfang an
Sage in jedem Prompt 'dark UI' oder 'dark theme'. Sonst wechselt Claude manchmal automatisch zum hellen Design.
Iteriere statt neu zu bauen
Wenn dir etwas nicht gefaellt, beschreib was fehlt. Schreib nicht alles neu — Claude baut auf dem bestehenden Code auf.
DEIN AKTIONSPLAN
Heute noch loslegen
4 Schritte, 4 Prompts, 1 Dashboard.
Claude Code oeffnen
Geh zu claude.ai/code oder oeffne Claude Code im Terminal. Starte einen frischen Chat.
Master Prompt abschicken
Kopiere den Master Prompt von Seite 2 und schick ihn ab. Claude baut die komplette Basis.
Module nacheinander aufbauen
Schick die 4 Prompts (Step 01-04) nacheinander. Jedes Modul einzeln fertigstellen bevor du weitermachst.
Dashboard personalisieren
Passe Farben, Nische und Inhalte an. Schreib 'Aendere das Design auf [deine Farbe]' und Claude passt es an. Mehr Claude Tutorials, Prompts und KI-Tools? Folg mir auf Instagram fuer woechtliche Updates. → @tim_huck_ auf Instagram → www.shortmedia.agency Erstellt von Short Media · @tim_huck_ auf Instagram · www.shortmedia.agency