primer-design
✓Cree interfaces frontales distintivas y de calidad de producción con alta calidad de diseño utilizando el sistema de diseño primario y las pautas de marca. Utilice esta habilidad cuando el usuario solicite crear componentes web, páginas, artefactos, carteles o aplicaciones (los ejemplos incluyen sitios web, páginas de destino, paneles, componentes de React, diseños HTML/CSS o cuando diseñe o embellezca cualquier interfaz de usuario web). Genera código pulido y diseño de interfaz de usuario que se ajusta completamente al sistema de diseño básico.
Instalación
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:
Cree interfaces frontales distintivas y de calidad de producción con alta calidad de diseño utilizando el sistema de diseño primario y las pautas de marca. Utilice esta habilidad cuando el usuario solicite crear componentes web, páginas, artefactos, carteles o aplicaciones (los ejemplos incluyen sitios web, páginas de destino, paneles, componentes de React, diseños HTML/CSS o cuando diseñe o embellezca cualquier interfaz de usuario web). Genera código pulido y diseño de interfaz de usuario que se ajusta completamente al sistema de diseño básico. Fuente: bas/agent-skills.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/bas/agent-skills --skill primer-design- Fuente
- bas/agent-skills
- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es primer-design?
Cree interfaces frontales distintivas y de calidad de producción con alta calidad de diseño utilizando el sistema de diseño primario y las pautas de marca. Utilice esta habilidad cuando el usuario solicite crear componentes web, páginas, artefactos, carteles o aplicaciones (los ejemplos incluyen sitios web, páginas de destino, paneles, componentes de React, diseños HTML/CSS o cuando diseñe o embellezca cualquier interfaz de usuario web). Genera código pulido y diseño de interfaz de usuario que se ajusta completamente al sistema de diseño básico. Fuente: bas/agent-skills.
¿Cómo instalo primer-design?
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/bas/agent-skills --skill primer-design Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor
¿Dónde está el repositorio de origen?
https://github.com/bas/agent-skills
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01