design-system-builder

Che cosa fa lo skill

Partendo da un logo, da qualche colore e dai documenti del prodotto, il vostro agente costruisce un design system utilizzabile: una pagina che mostra ogni decisione con valori copiabili, e un breve file che leggono gli agenti di codice.

La pagina funziona offline, in tutte le vostre lingue, e si verifica in un vero browser.

Compatibilità, agente per agente

• Nativo, testatoformato originale, verificato su un progetto reale
• Adattato, testatofile di adattamento fornito e verificato
• Non testatonessuna promessa
• Non compatibileil motivo è scritto

Che cosa contiene il pacchetto

215 file, 15,0 MB una volta estratti, ZIP di 3,7 MB. Tutto è leggibile; le dipendenze sono incluse con la loro licenza, nulla si installa a parte.

Che cosa serve sulla vostra macchina

Che cosa l’agente vi chiederà di autorizzare

• Leggere e scrivere nella cartella del progetto
• Avviare python e node
• Aprire un browser senza interfaccia
• Accesso di rete su richiesta: api.iconify.design

Installare lo skill

Due modi: un comando, oppure lo ZIP estratto a mano. Scegliete il vostro agente.

Il comando di installazione sarà pubblicato a breve; nel frattempo installate lo skill a mano dallo ZIP.

Usare lo skill

Chiedete semplicemente il risultato. L'agente pone le domande mancanti (tipo di prodotto, lingue, schermate), poi lavora per fasi e guarda i suoi screenshot prima di dire che ha finito.

• Creazione

  «Crea il design system del nostro CRM, in francese, italiano e inglese. Ecco il logo e la tavola dei colori.»

• Aggiunta di una sezione

  «Aggiungi una sezione Prodotti al nostro design system, con la scheda prodotto e lo stock per magazzino.»

• Illustrazioni

  «Crea le illustrazioni degli stati vuoti del nostro CRM: nessun contatto, casella vuota, nessun risultato, pagine 404 e 500.»

• Accessibilità

  «Aggiungi un pulsante di accessibilità: dimensione del testo, contrasto elevato, colori per daltonici, animazioni disattivate.»

I comandi, se volete lanciarli voi

python scripts/new_project.py ../acme --name "Acme" --type crm --langs fr,it,en --source fr
python scripts/palette_check.py ../acme
python scripts/build.py ../acme
node scripts/qa.mjs ../acme
node scripts/qa.mjs ../acme shots

Sicurezza e riservatezza

• Nessun dato inviato a SOGNI DIGITALI

  Lo skill non contiene telemetria, contatori né chiamate ai nostri server. Il vostro marchio e i vostri documenti restano sulla vostra macchina.

• Un solo accesso di rete, su vostra richiesta

  scripts/fetch_icons.py scarica le icone scelte dall'API pubblica Iconify. Build e pagina prodotta funzionano offline.

• Codice leggibile

  Python e JavaScript in chiaro, senza file compilati né codice nascosto. Leggeteli prima della prima esecuzione.

• Dipendenze dichiarate

  Hairline (MIT), playwright-core (Apache-2.0), Atkinson Hyperlegible (OFL): versioni e licenze in THIRD_PARTY_NOTICES.md.

• Integrità del download

  Ogni ZIP è pubblicato con la sua impronta SHA-256, mostrata su questa scheda. Il comando di installazione la verifica prima di scrivere qualsiasi file.

Versioni e modifiche

1. 1.0.0
   • Tre modalità di colore: Dark, Light e Colour, con temperature fredda, calda ed equilibrata.
   • Bordo luminoso delle schede, solo al passaggio e al focus da tastiera.
   • Dicitura «Immagine generata con IA» condivisa, sempre fuori dall'immagine.
2. 0.9.0
   • Prima versione: temi chiaro e scuro, splash SVG, illustrazioni Hairline, pannello di accessibilità, controllo qualità nel browser.

Assistenza e domande

• Via email

  support@sognidigitali.com, con il nome dello skill e la versione. Tempi di risposta.

• Documentazione inclusa

  README, SKILL.md e quattordici riferimenti: il metodo completo è nel pacchetto.