Frontend Design

Erstelle produktionsreife Frontends mit unverwechselbarem Design. Generiert polierten Code fernab generischer KI-Ästhetik.

Generiere unverwechselbare, produktionsreife Frontend-Interfaces, die sich von generischen KI-Designs abheben. Dieses Plugin ermöglicht es Claude, polierten Code mit mutigen Designentscheidungen, markanter Typografie und Farbpaletten, wirkungsstarken Animationen und kontextsensiblen visuellen Details zu erstellen.

Das Plugin etabliert vor dem Coden einen Designrahmen – es identifiziert Zweck, Zielgruppe und eine konkrete Ästhetik (Brutalist, Maximalist, Retro-Futuristisch, Luxury, Verspielt usw.). Es vermeidet bewusst typische Muster wie generische Systemfonts, vorhersehbare Lila-Verläufe und austauschbare Komponenten.

Zentrale Designbereiche sind: durchdachte Typografie mit unerwarteten Schriftkombinationen, orchestrierte Bewegung und Scroll-Interaktionen, räumliche Komposition mit Asymmetrie und Grid-Breaks sowie visuelle Tiefe durch Verläufe, Texturen und überlagerte Effekte.

Verwendung: Bitte Claude einfach, ein Frontend-Interface zu bauen – die Funktion aktiviert sich automatisch. Probiere Prompts wie „Erstelle ein Dashboard für eine Musik-Streaming-App", „Baue eine Landing Page für ein KI-Security-Startup" oder „Gestalte ein Einstellungsmenü mit Dark-Mode-Unterstützung".

Weitere Plugins

Claude erlernt Brainstorming, Subagenten-Entwicklung mit Code-Review, Debugging, TDD und Skill-Authoring durch Superpowers.

Code Review

KI-Code-Review mit spezialisierten Agenten und konfidenz-basierter Filterung für Pull Requests

Upstash Context7 MCP-Server für die Suche in Live-Dokumentationen. Versionsspezifische Docs und Code-Beispiele direkt aus Quell-Repos in den LLM-Kontext laden.

Code Simplifier

Code-Clarity-Agent: vereinfacht und verfeinert kürzlich geänderten Code, ohne Funktionalität oder Konsistenz zu beeinträchtigen.

Browser-Automatisierung und End-to-End-Testing-MCP-Server von Microsoft. Ermöglicht Claude, mit Webseiten zu interagieren, Screenshots zu erstellen, Formulare auszufüllen und Test-Workflows zu automatisieren.

Offizieller GitHub-MCP-Server für Repository-Verwaltung. Erstelle Issues, verwalte PRs, reviewe Code, durchsuche Repos und greife auf die GitHub-API aus Claude Code zu.