Was ist frontend-design?
Expertenrichtlinien für das Frontend-Design zum Erstellen schöner, moderner Benutzeroberflächen. Verwenden Sie es beim Erstellen von Zielseiten, Dashboards oder anderen Benutzeroberflächen. Quelle: jdrhyne/agent-skills.
·frontend-design
</>
frontend-design
✓Expertenrichtlinien für das Frontend-Design zum Erstellen schöner, moderner Benutzeroberflächen. Verwenden Sie es beim Erstellen von Zielseiten, Dashboards oder anderen Benutzeroberflächen.
Installation
So installieren Sie frontend-design
Installieren Sie den KI-Skill frontend-design schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
- Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
- Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/jdrhyne/agent-skills --skill frontend-design
- Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw
Quelle: jdrhyne/agent-skills.
SKILL.md
Original anzeigenUse this skill when creating UI components, landing pages, dashboards, or any frontend design work.
| Primary font | Inter, Outfit, DM Sans | | Code font | JetBrains Mono, Fira Code | | Border radius | 0.5rem - 1rem (modern), 0 (brutalist) | | Shadow | Subtle, 1-2 layers max | | Spacing | 4px base unit (0.25rem) | | Animation | 150-400ms, ease-out | | Colors | oklch() for modern, avoid generic blue |
Expertenrichtlinien für das Frontend-Design zum Erstellen schöner, moderner Benutzeroberflächen. Verwenden Sie es beim Erstellen von Zielseiten, Dashboards oder anderen Benutzeroberflächen. Quelle: jdrhyne/agent-skills.
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/jdrhyne/agent-skills --skill frontend-design Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/jdrhyne/agent-skills --skill frontend-design- Quelle
- jdrhyne/agent-skills
- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-25
- Aktualisiert
- 2026-03-11
Schnelle Antworten
Wie installiere ich frontend-design?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/jdrhyne/agent-skills --skill frontend-design Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw
Wo ist das Quell-Repository?
https://github.com/jdrhyne/agent-skills
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-25