·design-analyzer
*

design-analyzer

Estrai automaticamente i requisiti tecnici dai riferimenti di progettazione quando l'utente menziona Figma, carica immagini o dice "implementa questo progetto". Analizza colori, tipografia, spaziatura, layout e mappe su blocchi WordPress o campi paragrafo Drupal. Fornisce specifiche dettagliate per gli sviluppatori, inclusi valori esatti, comportamento reattivo e requisiti di accessibilità.

11Installazioni·0Tendenza·@kanopi

Installazione

$npx skills add https://github.com/kanopi/cms-cultivator --skill design-analyzer

Come installare design-analyzer

Installa rapidamente la skill AI design-analyzer 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/kanopi/cms-cultivator --skill design-analyzer
  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: kanopi/cms-cultivator.

Purpose Extract technical requirements from design references (Figma URLs, screenshots, mockups) for CMS component implementation.

Accurate design-to-code translation requires systematic extraction of technical specifications.

User uploads image and says: "Create a WordPress block pattern from this hero design"

Estrai automaticamente i requisiti tecnici dai riferimenti di progettazione quando l'utente menziona Figma, carica immagini o dice "implementa questo progetto". Analizza colori, tipografia, spaziatura, layout e mappe su blocchi WordPress o campi paragrafo Drupal. Fornisce specifiche dettagliate per gli sviluppatori, inclusi valori esatti, comportamento reattivo e requisiti di accessibilità. Fonte: kanopi/cms-cultivator.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/kanopi/cms-cultivator --skill design-analyzer
Categoria
*Creatività
Verificato
Prima apparizione
2026-02-01
Aggiornato
2026-03-10

Browse more skills from kanopi/cms-cultivator

Risposte rapide

Che cos'è design-analyzer?

Estrai automaticamente i requisiti tecnici dai riferimenti di progettazione quando l'utente menziona Figma, carica immagini o dice "implementa questo progetto". Analizza colori, tipografia, spaziatura, layout e mappe su blocchi WordPress o campi paragrafo Drupal. Fornisce specifiche dettagliate per gli sviluppatori, inclusi valori esatti, comportamento reattivo e requisiti di accessibilità. Fonte: kanopi/cms-cultivator.

Come installo design-analyzer?

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/kanopi/cms-cultivator --skill design-analyzer 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/kanopi/cms-cultivator