¿Qué es frontend-design?
Pautas de diseño de interfaz de expertos para crear interfaces de usuario hermosas y modernas. Úselo al crear páginas de destino, paneles o cualquier interfaz de usuario. Fuente: jdrhyne/agent-skills.
·frontend-design
</>
frontend-design
✓Pautas de diseño de interfaz de expertos para crear interfaces de usuario hermosas y modernas. Úselo al crear páginas de destino, paneles o cualquier interfaz de usuario.
Instalación
Cómo instalar frontend-design
Instala rápidamente el skill de IA frontend-design en tu entorno de desarrollo mediante línea de comandos
- Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
- Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/jdrhyne/agent-skills --skill frontend-design
- Verificar instalación: 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, Cursor u OpenClaw
Fuente: jdrhyne/agent-skills.
SKILL.md
Ver originalUse this skill when creating UI components, landing pages, dashboards, or any frontend design work.
| Primary font | Inter, Outfit, DM Sans | | Code font | JetBrains Mono, Fira Code | | Border radius | 0.5rem - 1rem (modern), 0 (brutalist) | | Shadow | Subtle, 1-2 layers max | | Spacing | 4px base unit (0.25rem) | | Animation | 150-400ms, ease-out | | Colors | oklch() for modern, avoid generic blue |
Pautas de diseño de interfaz de expertos para crear interfaces de usuario hermosas y modernas. Úselo al crear páginas de destino, paneles o cualquier interfaz de usuario. Fuente: jdrhyne/agent-skills.
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/jdrhyne/agent-skills --skill frontend-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, Cursor u OpenClaw
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/jdrhyne/agent-skills --skill frontend-design- Fuente
- jdrhyne/agent-skills
- Categoría
- </>Desarrollo
- Verificado
- ✓
- Primera vez visto
- 2026-02-25
- Actualizado
- 2026-03-10
Respuestas rápidas
¿Cómo instalo frontend-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/jdrhyne/agent-skills --skill frontend-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, Cursor u OpenClaw
¿Dónde está el repositorio de origen?
https://github.com/jdrhyne/agent-skills
Detalles
- Categoría
- </>Desarrollo
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-25