·web design builder
</>

web design builder

✓
rknall/claude-skillsGitHub: rknall/claude-skillsFonte: rknall/claude-skills

Crea e rifattorizza progetti web HTML5/JavaScript da specifiche o descrizioni. Genera progetti web completi, accessibili e reattivi con framework moderni. Verifica automaticamente i progetti utilizzando Playwright MCP per test di accessibilità e funzionalità. Utilizza questa competenza quando gli utenti chiedono di creare progetti web, prototipi, pagine di destinazione, applicazioni web o eseguire il refactoring di progetti HTML/CSS/JS esistenti.

rknall·web·design·builder
65Installazioni·2Tendenza·@rknall

Installazione

GitHub: rknall/claude-skills
$npx skills add https://github.com/rknall/claude-skills --skill web design builder

Come installare web design builder

Installa rapidamente la skill AI web design builder 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/rknall/claude-skills --skill web design builder
  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: rknall/claude-skills.

SKILL.md

Visualizza raw

This skill creates professional HTML5/JavaScript web designs from specifications, with automatic accessibility and functionality verification using Playwright MCP.

When a user requests a web design, start by understanding their needs:

IMPORTANT: Before starting the design process, check if Playwright MCP is available:

Crea e rifattorizza progetti web HTML5/JavaScript da specifiche o descrizioni. Genera progetti web completi, accessibili e reattivi con framework moderni. Verifica automaticamente i progetti utilizzando Playwright MCP per test di accessibilità e funzionalità. Utilizza questa competenza quando gli utenti chiedono di creare progetti web, prototipi, pagine di destinazione, applicazioni web o eseguire il refactoring di progetti HTML/CSS/JS esistenti. Fonte: rknall/claude-skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/rknall/claude-skills --skill web design builder
Fonte
rknall/claude-skills
Categoria
</>Sviluppo
Verificato
✓
Prima apparizione
2026-02-01
Aggiornato
2026-03-10
URL
https://www.learn-skills.dev/it/skills/rknall/claude-skills/web-design-builder

Browse more skills from rknall/claude-skills

Risposte rapide

Che cos'è web design builder?

Crea e rifattorizza progetti web HTML5/JavaScript da specifiche o descrizioni. Genera progetti web completi, accessibili e reattivi con framework moderni. Verifica automaticamente i progetti utilizzando Playwright MCP per test di accessibilità e funzionalità. Utilizza questa competenza quando gli utenti chiedono di creare progetti web, prototipi, pagine di destinazione, applicazioni web o eseguire il refactoring di progetti HTML/CSS/JS esistenti. Fonte: rknall/claude-skills.

Come installo web design builder?

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/rknall/claude-skills --skill web design builder 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/rknall/claude-skills

Dettagli

Categoria
</>Sviluppo
Fonte
skills.sh
Prima apparizione
2026-02-01

Skills correlate

svg-logo-designer
1.2K Installazioni
newt blueprint generator
35 Installazioni