primer-design
✓Erstellen Sie mithilfe des Primer-Designsystems und der Markenrichtlinien 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 ausgefeilten Code und ein UI-Design, das vollständig dem Primer-Designsystem entspricht.
Installation
SKILL.md
This skill guides creation of production-grade frontend interfaces that follow the HitHub Primer brand design guidelines. Implement real working code with exceptional attention to the primer design system guidelines, Brand UI, Primer React Components and Octicons.
The user provides frontend requirements: a component, page, application, or interface to build. They may include context about the purpose, audience, or technical constraints.
Before coding, understand the context and commit to a clear aesthetic direction:
Erstellen Sie mithilfe des Primer-Designsystems und der Markenrichtlinien 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 ausgefeilten Code und ein UI-Design, das vollständig dem Primer-Designsystem entspricht. Quelle: bas/agent-skills.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/bas/agent-skills --skill primer-design- Quelle
- bas/agent-skills
- Kategorie
- *Kreativität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist primer-design?
Erstellen Sie mithilfe des Primer-Designsystems und der Markenrichtlinien 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 ausgefeilten Code und ein UI-Design, das vollständig dem Primer-Designsystem entspricht. Quelle: bas/agent-skills.
Wie installiere ich primer-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/bas/agent-skills --skill primer-design Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/bas/agent-skills
Details
- Kategorie
- *Kreativität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01