·frontend-design
</>

frontend-design

✓
ederheisler/agent-skillsGitHub: ederheisler/agent-skillsQuelle: ederheisler/agent-skills

Erstellen Sie unverwechselbare Frontend-Schnittstellen in Produktionsqualität mit hoher Designqualität. Verwenden Sie diese Fähigkeit, wenn der Benutzer Webkomponenten, Seiten, Artefakte, Poster oder Anwendungen erstellen möchte (Beispiele hierfür sind Websites, Zielseiten, Dashboards, React-Komponenten, HTML-/CSS-Layouts oder wenn Sie eine Web-Benutzeroberfläche gestalten/verschönern). Erzeugt kreatives, ausgefeiltes Code- und UI-Design, das generische KI-Ästhetik vermeidet.

ederheisler·frontend·design
10Installationen·1Trend·@ederheisler

Installation

GitHub: ederheisler/agent-skills
$npx skills add https://github.com/ederheisler/agent-skills --skill frontend-design

So installieren Sie frontend-design

Installieren Sie den KI-Skill frontend-design schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/ederheisler/agent-skills --skill frontend-design
  3. 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: ederheisler/agent-skills.

SKILL.md

Original anzeigen

Note: This skill is based on Anthropic's frontend-design skill, enhanced with progressive disclosure and extensive reference materials.

Create distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices.

The user provides frontend requirements: a component, page, application, or interface to build. They may include context about the purpose, audience, or technical constraints.

Erstellen Sie unverwechselbare Frontend-Schnittstellen in Produktionsqualität mit hoher Designqualität. Verwenden Sie diese Fähigkeit, wenn der Benutzer Webkomponenten, Seiten, Artefakte, Poster oder Anwendungen erstellen möchte (Beispiele hierfür sind Websites, Zielseiten, Dashboards, React-Komponenten, HTML-/CSS-Layouts oder wenn Sie eine Web-Benutzeroberfläche gestalten/verschönern). Erzeugt kreatives, ausgefeiltes Code- und UI-Design, das generische KI-Ästhetik vermeidet. Quelle: ederheisler/agent-skills.

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/ederheisler/agent-skills --skill frontend-design
Quelle
ederheisler/agent-skills
Kategorie
</>Entwicklung
Verifiziert
✓
Erstes Auftreten
2026-02-25
Aktualisiert
2026-03-10
URL
https://www.learn-skills.dev/de/skills/ederheisler/agent-skills/frontend-design

Browse more skills from ederheisler/agent-skills

Schnelle Antworten

Was ist frontend-design?

Erstellen Sie unverwechselbare Frontend-Schnittstellen in Produktionsqualität mit hoher Designqualität. Verwenden Sie diese Fähigkeit, wenn der Benutzer Webkomponenten, Seiten, Artefakte, Poster oder Anwendungen erstellen möchte (Beispiele hierfür sind Websites, Zielseiten, Dashboards, React-Komponenten, HTML-/CSS-Layouts oder wenn Sie eine Web-Benutzeroberfläche gestalten/verschönern). Erzeugt kreatives, ausgefeiltes Code- und UI-Design, das generische KI-Ästhetik vermeidet. Quelle: ederheisler/agent-skills.

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/ederheisler/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/ederheisler/agent-skills

Details

Kategorie
</>Entwicklung
Quelle
skills.sh
Erstes Auftreten
2026-02-25

Verwandte Skills

ask-questions-if-underspecified
10 Installationen
brainstorming
10 Installationen
canvas-design
10 Installationen
dispatching-parallel-agents
10 Installationen
executing-plans
10 Installationen
fastapi
10 Installationen