# Web-Boilerplate-Ultra > \# Skill: Web-Boilerplate-Ultra (Bulma, Tailwind, FontAwesome) - Author: Pasquale - Repository: pokips1/mysite - Version: 20260207162018 - Stars: 0 - Forks: 0 - Last Updated: 2026-02-07 - Source: https://github.com/pokips1/mysite - Web: https://mule.run/skillshub/@@pokips1/mysite~Web-Boilerplate-Ultra:20260207162018 --- \# Skill: Web-Boilerplate-Ultra (Bulma, Tailwind, FontAwesome) \## Descrizione Questa skill genera una struttura completa per un progetto web statico avanzato. Integra via CDN i framework CSS Bulma e Tailwind (per un approccio ibrido o scelta rapida) e la libreria di icone Font Awesome. Produce comandi Bash per creare file pronti all'uso con componenti di esempio già renderizzati. \## Parametri di Input \- \*\*ProjectName\*\*: Nome della cartella radice. \- \*\*LibraryPreference\*\*: Configurazione predefinita dei componenti (Bulma/Tailwind). \## Logica di Esecuzione 1\. \*\*Scaffolding\*\*: Creazione directory `assets/css`, `assets/js`, `assets/img`. 2\. \*\*Setup HTML5\*\*: Inserimento dei link CDN nell'head (Bulma, Tailwind Play CDN, Font Awesome). 3\. \*\*Componenti di Test\*\*: Inserimento di una Navbar (Bulma) e di una Card (Tailwind) per verificare il funzionamento istantaneo dei framework. 4\. \*\*JS \& CSS Custom\*\*: Creazione di file locali per sovrascritture personalizzate. \## Output Atteso (Codice Bash) ```bash mkdir -p {ProjectName}/assets/{css,js,img} cd {ProjectName} \# Creazione Index con integrazioni CDN cat < index.html {ProjectName} | Ultra Setup

Benvenuti

Tailwind \& Bulma Attivi

Questa struttura è pronta. Font Awesome è attivo:

EOF \# Creazione file locali vuoti/base touch assets/css/style.css echo "console.log('Frameworks caricati: Bulma, Tailwind, FontAwesome');" > assets/js/script.js \# README echo "# {ProjectName} \\nGenerato con Skill Web-Boilerplate-Ultra.\\nFrameworks: Bulma, Tailwind CSS, Font Awesome." > README.md