·primer-design
*

primer-design

Crea interfacce frontend distintive di livello produttivo con un'elevata qualità di progettazione utilizzando il sistema di progettazione dei primer e le linee guida del marchio. Utilizza questa abilità quando l'utente chiede di creare componenti web, pagine, artefatti, poster o applicazioni (gli esempi includono siti web, pagine di destinazione, dashboard, componenti React, layout HTML/CSS o quando si stili/abbelliscono qualsiasi interfaccia utente web). Genera codice raffinato e progettazione dell'interfaccia utente completamente conforme al sistema di progettazione dei primer.

18Installazioni·0Tendenza·@bas

Installazione

$npx skills add https://github.com/bas/agent-skills --skill primer-design

Come installare primer-design

Installa rapidamente la skill AI primer-design nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/bas/agent-skills --skill primer-design
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: bas/agent-skills.

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:

Crea interfacce frontend distintive di livello produttivo con un'elevata qualità di progettazione utilizzando il sistema di progettazione dei primer e le linee guida del marchio. Utilizza questa abilità quando l'utente chiede di creare componenti web, pagine, artefatti, poster o applicazioni (gli esempi includono siti web, pagine di destinazione, dashboard, componenti React, layout HTML/CSS o quando si stili/abbelliscono qualsiasi interfaccia utente web). Genera codice raffinato e progettazione dell'interfaccia utente completamente conforme al sistema di progettazione dei primer. Fonte: bas/agent-skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/bas/agent-skills --skill primer-design
Categoria
*Creatività
Verificato
Prima apparizione
2026-02-01
Aggiornato
2026-03-11

Browse more skills from bas/agent-skills

Risposte rapide

Che cos'è primer-design?

Crea interfacce frontend distintive di livello produttivo con un'elevata qualità di progettazione utilizzando il sistema di progettazione dei primer e le linee guida del marchio. Utilizza questa abilità quando l'utente chiede di creare componenti web, pagine, artefatti, poster o applicazioni (gli esempi includono siti web, pagine di destinazione, dashboard, componenti React, layout HTML/CSS o quando si stili/abbelliscono qualsiasi interfaccia utente web). Genera codice raffinato e progettazione dell'interfaccia utente completamente conforme al sistema di progettazione dei primer. Fonte: bas/agent-skills.

Come installo primer-design?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/bas/agent-skills --skill primer-design Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

https://github.com/bas/agent-skills

Dettagli

Categoria
*Creatività
Fonte
skills.sh
Prima apparizione
2026-02-01