Communitygithub.com

melinaclincherbuilt937/ui-prompt-library

Erstelle produktionsreife UI-Prompts für Landing Pages, SaaS-Dashboards und Komponenten mit React, Tailwind CSS, shadcn/ui und Framer Motion.

Was ist ui-prompt-library?

Dieses Skill bietet eine umfassende Bibliothek von UI-Prompts, die speziell für die Entwicklung von Landing Pages, SaaS-Dashboards und modernen UI-Komponenten entwickelt wurden. Es ist auf das Erstellen von produktionsreifem Code mit React, Tailwind CSS, shadcn/ui und Framer Motion optimiert. Der Skill hilft Entwicklern und KI-Agenten, schnell hochwertige, wiederholbare und konsistente UI-Prompts zu generieren, die die neuesten Webtechnologien nutzen. Die Prompts sind so strukturiert, dass sie sowohl für einfache als auch komplexe Anwendungsfälle geeignet sind und eine nahtlose Integration in bestehende Projekte ermöglichen. Das Skill ist ideal für Teams, die eine standardisierte und effiziente Methode zur Generierung von UI-Komponenten suchen, und unterstützt eine Vielzahl von Frameworks und Tools, die in der modernen Frontend-Entwicklung üblich sind.

Funktioniert mit~Claude Code~Codex CLI~Cursor
Part ofDesign & UI
npx skills add melinaclincherbuilt937/ui-prompt-library
Original anzeigen→Alle Skills durchsuchen

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Dokumentation

Was macht ui-prompt-library?

Erstelle produktionsreife UI-Prompts für Landing Pages, SaaS-Dashboards und Komponenten mit React, Tailwind CSS, shadcn/ui und Framer Motion.

Übersicht

Diese Bibliothek bietet eine Sammlung von UI-Prompts, die darauf ausgelegt sind, qualitativ hochwertige, produktionsreife Benutzeroberflächen zu generieren. Sie nutzt moderne Webtechnologien und Best Practices, um konsistente und skalierbare Ergebnisse zu erzielen.

Unterstützte Technologien

  • React
  • Tailwind CSS
  • shadcn/ui
  • Framer Motion

Verwendung

  1. Wähle einen Prompt aus der Bibliothek aus.
  2. Passe ihn bei Bedarf an deine spezifischen Anforderungen an.
  3. Verwende den Prompt mit deinem KI-Assistenten, um UI-Code zu generieren.

Beispiele

  • landing-page-hero – Erstelle eine Hero-Sektion für eine Landing Page
  • saas-dashboard-layout – Generiere ein Dashboard-Layout für eine SaaS-Anwendung
  • component-card – Erstelle eine wiederverwendbare Kartenkomponente

Lizenz

MIT

Verwandte Skills

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community