Che cos'è layout designer?
Layout di pagina esperto e progettazione del sistema a griglia Fonte: eddiebe147/claude-settings.
Layout di pagina esperto e progettazione del sistema a griglia
Installa rapidamente la skill AI layout designer nel tuo ambiente di sviluppo tramite riga di comando
Fonte: eddiebe147/claude-settings.
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" |
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/eddiebe147/claude-settings --skill layout designerLayout di pagina esperto e progettazione del sistema a griglia Fonte: eddiebe147/claude-settings.
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/eddiebe147/claude-settings --skill layout designer 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
https://github.com/eddiebe147/claude-settings