primer-design
✓Créez des interfaces frontales distinctives de qualité production avec une qualité de conception élevée à l'aide du système de conception d'amorce et des directives de la marque. Utilisez cette compétence lorsque l'utilisateur demande à créer des composants Web, des pages, des artefacts, des affiches ou des applications (les exemples incluent des sites Web, des pages de destination, des tableaux de bord, des composants React, des mises en page HTML/CSS ou lors du style/embellissement d'une interface utilisateur Web). Génère un code raffiné et une conception d'interface utilisateur entièrement conforme au système de conception d'amorce.
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:
Créez des interfaces frontales distinctives de qualité production avec une qualité de conception élevée à l'aide du système de conception d'amorce et des directives de la marque. Utilisez cette compétence lorsque l'utilisateur demande à créer des composants Web, des pages, des artefacts, des affiches ou des applications (les exemples incluent des sites Web, des pages de destination, des tableaux de bord, des composants React, des mises en page HTML/CSS ou lors du style/embellissement d'une interface utilisateur Web). Génère un code raffiné et une conception d'interface utilisateur entièrement conforme au système de conception d'amorce. Source : bas/agent-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/bas/agent-skills --skill primer-design- Source
- bas/agent-skills
- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que primer-design ?
Créez des interfaces frontales distinctives de qualité production avec une qualité de conception élevée à l'aide du système de conception d'amorce et des directives de la marque. Utilisez cette compétence lorsque l'utilisateur demande à créer des composants Web, des pages, des artefacts, des affiches ou des applications (les exemples incluent des sites Web, des pages de destination, des tableaux de bord, des composants React, des mises en page HTML/CSS ou lors du style/embellissement d'une interface utilisateur Web). Génère un code raffiné et une conception d'interface utilisateur entièrement conforme au système de conception d'amorce. Source : bas/agent-skills.
Comment installer primer-design ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/bas/agent-skills --skill primer-design Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/bas/agent-skills
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-01