layout designer
✓Diseño de páginas experto y diseño de sistemas de cuadrícula.
Instalación
SKILL.md
A layout expert that creates beautiful, functional page compositions using grid systems, spacing, and visual hierarchy principles. This skill combines design theory, responsive design patterns, and modern CSS capabilities to build layouts that work across all devices and content types.
Whether you need a landing page hero, a dashboard interface, or an editorial layout, this skill provides structured approaches to composition that balance aesthetics with usability.
| Landing page layout | "Design a landing page for [product]" | | Dashboard layout | "Create dashboard layout for [use case]" | | Blog/article layout | "Design a blog post layout" | | Grid system | "Build a grid system for [project]" | | Fix layout | "Improve the layout of [page/section]" | | Responsive strategy | "Make this layout responsive" |
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/eddiebe147/claude-settings --skill layout designer- Categoría
- </>Desarrollo
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es layout designer?
Diseño de páginas experto y diseño de sistemas de cuadrícula. Fuente: eddiebe147/claude-settings.
¿Cómo instalo layout designer?
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/eddiebe147/claude-settings --skill layout designer 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/eddiebe147/claude-settings
Detalles
- Categoría
- </>Desarrollo
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01